.at-login{--app:var(--color-app);--panel:var(--color-panel);--panel-2:var(--color-panel-2);--panel-hover:var(--color-panel-hover);--line:var(--color-line);--line-strong:var(--color-line-strong);--ink:var(--color-ink);--dim:var(--color-dim);--faint:var(--color-faint);--accent:var(--color-accent);--accent-hover:var(--color-accent-hover);--accent-ink:var(--color-accent-ink);--ok:var(--color-ok);--warn:var(--color-warn);--err:var(--color-err);--accent-weak:#e7ecff;--canvas:#eff2f6;--canvas-2:#e6eaf1;--canvas-grid:#dbe0e8;--canvas-ink:#454a57;--canvas-dim:#7b818f;--canvas-faint:#aab0bd;--sans:-apple-system, "SF Pro Display", "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--ease:cubic-bezier(.23, 1, .32, 1);--radius:9px;font-family:var(--sans);color:var(--ink);background:var(--app);-webkit-font-smoothing:antialiased}.at-login ::selection{background:var(--accent-weak)}.at-login .stage{grid-template-columns:1.06fr .94fr;min-height:100vh;display:grid}.at-login .blueprint{background:var(--canvas);border-right:1px solid var(--line);position:relative;overflow:hidden}.at-login .blueprint canvas{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.at-login .bp-overlay{pointer-events:none;flex-direction:column;justify-content:space-between;padding:max(28px,min(3.4vw,56px));display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.at-login .bp-status{font-family:var(--mono);letter-spacing:.04em;color:var(--canvas-dim);align-items:center;gap:18px;font-size:11px;display:flex}.at-login .bp-status .dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px var(--accent-weak);border-radius:50%}.at-login .bp-status .sep{color:var(--canvas-faint)}.at-login .bp-status b{color:var(--canvas-ink);font-weight:600}.at-login .bp-caption{max-width:30ch}.at-login .bp-eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 14px;font-size:10.5px;font-weight:600}.at-login .bp-caption h2{letter-spacing:-.02em;color:var(--canvas-ink);text-wrap:balance;margin:0;font-size:max(22px,min(2.2vw,30px));font-weight:680;line-height:1.12}.at-login .bp-caption p{color:var(--canvas-dim);margin:12px 0 0;font-size:13.5px;line-height:1.55}.at-login .desk{background:radial-gradient(120% 90% at 80% -10%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 60%), var(--panel);justify-content:center;align-items:center;padding:40px max(28px,min(4vw,76px));display:flex;position:relative}.at-login .panel{width:100%;max-width:384px}.at-login .brand{align-items:center;gap:13px;margin-bottom:max(30px,min(5vh,52px));display:flex}.at-login .brand img{border-radius:11px;width:46px;height:46px;display:block;box-shadow:0 6px 18px #00000052,inset 0 0 0 1px #ffffff0a}.at-login .brand .wordmark{flex-direction:column;line-height:1;display:flex}.at-login .brand .wordmark small{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--faint);margin-bottom:5px;font-size:9.5px}.at-login .brand .wordmark strong{letter-spacing:-.01em;color:var(--ink);font-size:18px;font-weight:640}.at-login .intro{margin-bottom:22px}.at-login .intro .eyebrow{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--faint);margin-bottom:12px;font-size:10.5px;font-weight:600;display:block}.at-login .intro h1{letter-spacing:-.022em;color:var(--ink);text-wrap:balance;margin:0;font-size:27px;font-weight:680;line-height:1.12}.at-login .intro h1 .who{color:var(--accent)}.at-login .intro p{color:var(--dim);margin:10px 0 0;font-size:14px;line-height:1.5}.at-login .at-error{border:1px solid var(--line-strong);background:var(--panel-2);border:1px solid color-mix(in srgb, var(--err) 40%, var(--line));background:color-mix(in srgb, var(--err) 10%, transparent);border-radius:var(--radius);color:var(--err);margin-bottom:18px;padding:12px 14px;font-size:13px;line-height:1.45}.at-login .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.at-login .tabs{border-bottom:1px solid var(--line);gap:4px;margin:0 0 22px;display:flex}.at-login .tab{-webkit-appearance:none;appearance:none;cursor:pointer;font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--faint);transition:color .16s var(--ease);background:0 0;border:0;margin-right:20px;padding:10px 3px 12px;font-size:11px;font-weight:600;position:relative}.at-login .tab:after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .22s var(--ease);border-radius:2px 2px 0 0;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.at-login .tab[aria-pressed=true]{color:var(--ink)}.at-login .tab[aria-pressed=true]:after{transform:scaleX(1)}.at-login .tab:hover{color:var(--dim)}.at-login .tab:focus-visible{color:var(--ink);outline:none}.at-login .tab:focus-visible:after{background:var(--accent-hover);transform:scaleX(1)}.at-login .fields{flex-direction:column;gap:15px;display:flex}.at-login .field-head{justify-content:space-between;align-items:baseline;margin-bottom:7px;display:flex}.at-login .lbl{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-size:10.5px;font-weight:600}.at-login .lbl-hint{font-size:12px}.at-login .mono-hint{color:var(--faint);font-family:var(--mono);letter-spacing:.06em;font-size:10px}.at-login .link{cursor:pointer;color:var(--faint);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;transition:color .15s var(--ease);background:0 0;border:0;padding:0;font-size:10px}.at-login .link:hover{color:var(--accent)}.at-login .link:focus-visible{color:var(--accent);outline:none;text-decoration:underline}.at-login .control{align-items:center;display:flex;position:relative}.at-login .control input{width:100%;font-family:var(--sans);color:var(--ink);background:var(--panel-2);border:1px solid var(--line-strong);border-radius:var(--radius);transition:border-color .15s var(--ease), box-shadow .15s var(--ease), background .15s var(--ease);padding:13px 14px;font-size:15px;line-height:1.2}.at-login .control input::placeholder{color:var(--faint)}.at-login .control input:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line-strong))}.at-login .control input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak);outline:none}.at-login .control input:disabled{color:var(--dim);background:color-mix(in srgb, var(--panel-2) 60%, var(--panel));cursor:not-allowed}.at-login .control input.locked{padding-right:74px}.at-login .lock-tag{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);align-items:center;gap:5px;font-size:9.5px;display:inline-flex;position:absolute;right:12px}.at-login .reveal-btn{cursor:pointer;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);transition:color .15s var(--ease), background .15s var(--ease);background:0 0;border:0;border-radius:6px;padding:7px 8px;font-size:9.5px;position:absolute;right:6px}.at-login .reveal-btn:hover{color:var(--dim);background:var(--panel-hover)}.at-login .reveal-btn:focus-visible{color:var(--accent);box-shadow:0 0 0 2px var(--accent-weak);outline:none}.at-login .pw-meter{align-items:center;gap:10px;margin-top:10px;display:flex}.at-login .pw-bars{flex:1;gap:4px;display:flex}.at-login .pw-bars i{background:var(--line-strong);height:3px;transition:background .24s var(--ease);border-radius:2px;flex:1}.at-login .pw-level{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);text-align:right;min-width:68px;font-size:10px}.at-login .reqs{flex-direction:column;gap:7px;margin:12px 0 0;padding:0;list-style:none;display:flex}.at-login .reqs li{color:var(--faint);transition:color .2s var(--ease);align-items:center;gap:9px;font-size:12.5px;display:flex}.at-login .reqs .box{border:1.5px solid var(--line-strong);width:15px;height:15px;transition:border-color .2s var(--ease), background .2s var(--ease);border-radius:4px;flex:none;position:relative}.at-login .reqs .box:after{content:"";border:solid var(--accent-ink);transform-origin:50%;width:4px;height:8px;transition:transform .2s var(--ease);border-width:0 2px 2px 0;position:absolute;top:1px;left:4px;transform:rotate(45deg)scale(0)}.at-login .reqs li.ok{color:var(--dim)}.at-login .reqs li.ok .box{background:var(--ok);border-color:var(--ok)}.at-login .reqs li.ok .box:after{transform:rotate(45deg)scale(1)}.at-login .match{font-family:var(--mono);letter-spacing:.05em;color:var(--faint);min-height:14px;margin-top:8px;font-size:10.5px}.at-login .match.good{color:var(--ok)}.at-login .match.bad{color:var(--err)}.at-login .btn{-webkit-appearance:none;appearance:none;cursor:pointer;width:100%;font-family:var(--sans);letter-spacing:-.005em;color:var(--accent-ink);background:var(--accent);border-radius:var(--radius);transition:background .16s var(--ease), transform .12s var(--ease), box-shadow .16s var(--ease);box-shadow:0 1px 0 #0000001f, 0 8px 22px -12px color-mix(in srgb, var(--accent) 80%, transparent);border:0;justify-content:center;align-items:center;gap:9px;margin-top:20px;padding:14px 18px;font-size:14.5px;font-weight:600;display:inline-flex}.at-login .btn:hover{background:var(--accent-hover)}.at-login .btn:active{transform:scale(.985)}.at-login .btn:focus-visible{box-shadow:0 0 0 3px var(--accent-weak), 0 8px 22px -12px color-mix(in srgb, var(--accent) 80%, transparent);outline:none}.at-login .btn:disabled{background:var(--line-strong);color:var(--dim);cursor:not-allowed;box-shadow:none}.at-login .btn .arrow{transition:transform .2s var(--ease)}.at-login .btn:hover:not(:disabled) .arrow{transform:translate(3px)}.at-login .btn-ghost{-webkit-appearance:none;appearance:none;cursor:pointer;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);transition:color .15s var(--ease);background:0 0;border:0;align-items:center;gap:7px;margin-top:16px;padding:6px 0;font-size:10.5px;display:inline-flex}.at-login .btn-ghost:hover{color:var(--dim)}.at-login .btn-ghost:focus-visible{color:var(--accent);outline:none}.at-login .otp{justify-content:space-between;gap:9px;display:flex}.at-login .otp input{aspect-ratio:3/4;text-align:center;width:100%;font-family:var(--mono);color:var(--ink);background:var(--panel-2);border:1px solid var(--line-strong);border-radius:var(--radius);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);font-size:20px}.at-login .otp input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak);outline:none}.at-login .note{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2);color:var(--dim);align-items:flex-start;gap:11px;padding:14px 15px;font-size:13px;line-height:1.5;display:flex}.at-login .note .glyph{color:var(--ok);flex:none;margin-top:1px}.at-login .note b{color:var(--ink);font-weight:600}.at-login .foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:max(28px,min(5vh,46px));padding-top:18px;display:flex}.at-login .foot .meta{font-family:var(--mono);letter-spacing:.06em;color:var(--faint);font-size:9.5px}.at-login .reveal{opacity:0;transform:translateY(9px)}.at-login .is-mounted .reveal{opacity:1;transition:opacity .42s var(--ease), transform .42s var(--ease);transition-delay:calc(var(--i,0) * 45ms);transform:none}@media (max-width:880px){.at-login .stage{grid-template-columns:1fr}.at-login .blueprint{display:none}.at-login .desk{min-height:100vh}}@media (prefers-reduced-motion:reduce){.at-login .reveal{opacity:1!important;transition:none!important;transform:none!important}.at-login .btn .arrow,.at-login .btn:hover:not(:disabled) .arrow{transition:none}}
