*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0b1011;color:#e7eeee;font:14px 'DM Sans',system-ui,sans-serif;display:grid;place-items:center;padding:22px}.auth-shell{width:min(100%,390px);padding:30px;background:#11191a;border:1px solid #263130;border-radius:14px;box-shadow:0 24px 80px #0008}.auth-brand{color:#e7eeee;text-decoration:none;font:bold 24px system-ui}.auth-brand span{color:#8cf2bc}.auth-kicker{margin:22px 0 8px;color:#839293;font:10px monospace;letter-spacing:1px}.auth-shell h1{font-size:23px;margin:0 0 22px}.auth-shell form{display:grid;gap:15px}.auth-shell label{display:grid;gap:7px;color:#bac6c4;font-size:12px}.auth-shell label small{color:#839293}.auth-shell input{width:100%;height:42px;padding:0 12px;color:#e7eeee;background:#0b1011;border:1px solid #2b3736;border-radius:6px;font:14px system-ui}.auth-shell input:focus{outline:2px solid #8cf2bc55;border-color:#8cf2bc}.auth-shell button{height:43px;margin-top:4px;background:#a1e5bc;color:#14231a;border:0;border-radius:6px;font-weight:700;cursor:pointer}.auth-error{margin-bottom:15px;padding:10px 12px;border:1px solid #714348;border-radius:6px;background:#29191c;color:#ffb6ba;font-size:12px}.auth-note,.auth-foot{color:#839293;font-size:11px;line-height:1.6}.auth-note{margin:18px 0 0}.auth-foot{margin:24px 0 0;padding-top:16px;border-top:1px solid #202b2c}

/* Beginner-friendly sign-in */
body{font-size:17px;line-height:1.6}
.auth-shell{width:min(100%,460px);padding:34px}
.auth-kicker{font-size:12px;letter-spacing:.7px}
.auth-shell h1{font-size:30px;line-height:1.3}
.auth-shell label{font-size:16px;line-height:1.5}
.auth-shell input{height:50px;font-size:17px}
.auth-shell button{min-height:50px;height:auto;font-size:17px}
.auth-note,.auth-foot{font-size:14px;line-height:1.6}
.auth-welcome{color:#bfd6c7;font-size:16px}
.auth-shell input:focus-visible,.auth-shell button:focus-visible,.auth-brand:focus-visible{outline:3px solid #8cf2bc;outline-offset:3px}
@media(max-width:480px){body{padding:14px}.auth-shell{padding:26px}}