:root{color-scheme:dark;font-family:Inter,"Segoe UI",system-ui,sans-serif;background:#080f18;color:#e8eef6}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 0%,#11283880,transparent 55%),#080f18;padding:30px 20px}main{width:100%;max-width:410px}.brand{font:600 17px/1.5 ui-monospace,monospace;letter-spacing:.15em;color:#72dedb;text-decoration:none}.brand span{font-size:13px;color:#7b91a7;margin-left:14px}.lock{width:60px;height:60px;margin:66px 0 28px;display:grid;place-items:center;border:1px solid #315360;border-radius:14px;font:500 20px ui-monospace,monospace;color:#72dedb;background:#102b32}.eyebrow{font-size:12px;letter-spacing:.16em;color:#8299ad}h1{font-size:46px;letter-spacing:-.035em;line-height:1.15;margin:10px 0 16px;font-weight:500}.intro{color:#a1b2c3;font-size:16px;line-height:1.7;margin:0 0 36px}label{display:block;font-size:14px;margin-bottom:9px}.password-wrap{display:flex;border:1px solid #2d4156;border-radius:9px;background:#0f1c2a;overflow:hidden}.password-wrap:focus-within{outline:2px solid #72dedb;outline-offset:3px}input{width:100%;min-width:0;background:none;border:0;color:inherit;padding:15px 14px;font:16px inherit;outline:0}button{cursor:pointer;font:500 14px/1.4 inherit}.password-wrap button{border:0;background:none;color:#9dafc2;padding:0 13px}#submit{width:100%;background:#72dedb;border:0;border-radius:9px;color:#082029;padding:15px;font-weight:650;margin-top:18px;font-size:15px}#submit:hover{background:#92eeeb}#submit:disabled{opacity:.6;cursor:wait}#message{font-size:14px;color:#e2bc7a;margin:14px 0;line-height:1.5}.remember{font-size:13px;line-height:1.7;color:#839bb0;margin-top:24px}footer{margin-top:58px;padding-top:20px;border-top:1px solid #213142;color:#587084;font:12px/1.5 ui-monospace,monospace;letter-spacing:.16em}button:focus-visible,a:focus-visible{outline:2px solid #72dedb;outline-offset:4px}@media(max-width:500px){.lock{margin-top:40px}h1{font-size:40px}}