:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e8eef6;background:#101720;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 25% 0%,#1b303a 0%,transparent 60%),#101720}a{color:inherit}.auth-shell{max-width:540px;margin:0 auto;padding:55px 22px 30px}.brand{display:flex;align-items:center;gap:0;font-size:38px;font-weight:800;text-decoration:none;letter-spacing:-2px;margin:0 0 34px 4px}.brand-dot{color:#63ddbc}.brand>span:last-child{margin-left:16px;letter-spacing:3px;font-size:12px;font-weight:650}.auth-card{border:1px solid #34414e;background:#19232eed;border-radius:20px;padding:34px;box-shadow:0 24px 70px #0003}.eyebrow{font-size:10px;color:#81adbc;font-weight:700;letter-spacing:2px;margin:0 0 17px}h1{font-size:29px;line-height:1.18;letter-spacing:-.9px;margin:0 0 14px;font-weight:650}.intro{color:#aabac9;font-size:14px;line-height:1.65;margin:0 0 25px}label{display:block;font-size:12px;font-weight:600;color:#c7d4e1;margin:18px 0 8px}input{width:100%;border:1px solid #455564;background:#101923;color:#f3f7fb;border-radius:9px;min-height:47px;padding:11px 13px;font:inherit;font-size:15px;outline:none}input:focus{border-color:#72e5c2;box-shadow:0 0 0 3px #72e5c222}.otp{font-size:25px;letter-spacing:10px;font-variant-numeric:tabular-nums}button,.button{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:25px;padding:14px 16px;min-height:48px;border:0;border-radius:9px;background:#7ce7c6;color:#102c29;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none}button:hover,.button:hover{background:#a4f3d9}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #c4fff0;outline-offset:4px}.help{font-size:12px;line-height:1.6;color:#9db0c0;margin:10px 0 0}.error{padding:13px 15px;color:#ffd8cf;background:#793c3733;border:1px solid #94584d;border-radius:8px;font-size:13px;line-height:1.5;margin-bottom:22px}.footer{font-size:10px;color:#8a9cad;letter-spacing:2px;text-align:center;margin:25px 0}.setup-details{border:1px solid #344451;padding:16px;border-radius:10px}.setup-details p{font-size:12px;line-height:1.5;color:#afbfce;margin:0 0 8px}.setup-details .help{margin-top:11px}.secret{font-family:ui-monospace,monospace;font-size:13px;letter-spacing:.4px;user-select:all}.recovery-codes{display:grid;gap:9px;background:#101923;padding:16px;border-radius:10px;border:1px solid #344451;overflow:auto}.recovery-codes code{font-size:12px;white-space:nowrap;color:#9cebd2;user-select:all}.recovery-option{margin-top:24px;border-top:1px solid #344451;padding-top:19px}.recovery-option summary{font-size:12px;color:#c0d2df;cursor:pointer}.secondary{background:#30414e;color:#e2eef6}.secondary:hover{background:#3c5362}.logout-form .text-button{display:block;min-height:auto;background:none;color:#a6bbc9;text-align:center;font-weight:400;padding:4px;font-size:12px}.logout-form .text-button:hover{color:#fff}@media(max-width:440px){.auth-shell{padding:30px 16px}.auth-card{padding:25px 20px}.brand{margin-bottom:25px}h1{font-size:25px}.secret{font-size:11px}.recovery-codes{padding:12px}.recovery-codes code{font-size:10.5px}}@media(prefers-reduced-motion:no-preference){button,.button,input{transition:background .15s,border-color .15s,box-shadow .15s}}
