:root{color-scheme:dark;font:16px system-ui,sans-serif;background:#071012;color:#edf8f7}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;display:grid;place-items:center;padding:24px}form{width:min(390px,100%);padding:32px;border:1px solid #243638;border-radius:12px;background:#101b1d;box-shadow:0 18px 55px #0008}h1{font-size:22px;margin:12px 0 24px}.mark{color:#32c9bd;font-weight:800;letter-spacing:.12em}label{display:grid;gap:7px;margin:14px 0;color:#aebdbc;font-size:14px}input{height:44px;border:1px solid #314648;border-radius:8px;background:#0a1416;color:#fff;padding:0 12px;font:inherit}input:focus{outline:2px solid #32c9bd55;border-color:#32c9bd}button{width:100%;height:44px;margin-top:12px;border:0;border-radius:8px;background:#27b8ad;color:#03100f;font-weight:700;font-size:15px;cursor:pointer}#error{min-height:20px;color:#d9998e;font-size:14px}