*{box-sizing:border-box}body{min-height:100vh;display:grid;place-items:center;margin:0;background:radial-gradient(circle at top,#25282d,#0b0d10 60%);color:#f2f3f5;font:15px system-ui,Arial,sans-serif}main{width:min(430px,calc(100% - 32px));padding:34px;background:#171a1f;border:1px solid #353940;border-radius:20px;box-shadow:0 20px 60px #0008}.mark{color:#f26660;font-size:11px;font-weight:800;letter-spacing:.17em}h1{margin:12px 0;font-size:28px}p{color:#aab0b8;line-height:1.5}label{display:block;color:#d6dade;font-size:13px;font-weight:650;margin:19px 0}input{display:block;width:100%;margin-top:8px;padding:13px;background:#0e1013;border:1px solid #464b53;border-radius:10px;color:white;font:inherit}input:focus{outline:2px solid #e14a44}button{border:0;border-radius:10px;padding:13px 20px;background:#db3b35;color:white;font:inherit;font-weight:750;cursor:pointer}.error{padding:11px;color:#ffd4d2;background:#552420;border-radius:8px}