*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f7fb;color:#172033;min-height:100vh;display:grid;place-items:center}.card{width:min(520px,92vw);background:#fff;border-radius:16px;padding:32px;box-shadow:0 10px 35px rgba(0,0,0,.08)}h1{margin-top:0}label{display:block;margin:16px 0;font-weight:600}input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #ccd4df;border-radius:9px;font-size:16px}button{width:100%;padding:13px;border:0;border-radius:9px;cursor:pointer;font-weight:700;background:#172033;color:#fff}.error,.ok{padding:12px;border-radius:8px;margin:15px 0}.error{background:#ffe9e9}.ok{background:#e8f7ed}a{color:#2457a6}