:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 65% 0,#202a3c 0,transparent 42%),#090b10;color:#f5f7fa;font:17px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}.card{width:min(100%,430px);padding:32px;border:1px solid #2a3140;border-radius:22px;background:#10141cef;box-shadow:0 25px 80px #0008}.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e82127;font-weight:800}h1{font-size:28px;margin:0 0 6px}p{color:#9ca6b8;margin:0 0 25px}label{display:grid;gap:8px;margin:15px 0;color:#c7ceda}input{width:100%;min-height:52px;padding:12px 14px;border:1px solid #333d50;border-radius:12px;background:#171c26;color:white;font:inherit}input:focus{outline:2px solid #527ed7;outline-offset:1px}.remember{display:flex;align-items:center;gap:10px}.remember input{width:20px;min-height:20px}button{width:100%;min-height:54px;margin-top:12px;border:0;border-radius:12px;background:#3877ff;color:white;font:inherit;font-weight:750;cursor:pointer}button:disabled{opacity:.6}.error{min-height:24px;margin:14px 0 0;color:#ff7b80}