:root{--auth-ink:#12342f;--auth-muted:#526b65;--auth-green:#075c50;--auth-green-dark:#06483f;--auth-gold:#b68735;--auth-cream:#f7f3e8;--auth-paper:#fffdf7;--auth-line:#ccd4ca;--auth-danger:#9b321f;--auth-danger-soft:#fff1ec;--auth-shadow:0 22px 55px rgba(22,54,48,.13)}
*{box-sizing:border-box}
html{background:var(--auth-cream);color:var(--auth-ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{margin:0;min-width:0}
button,input{font:inherit}
.auth-body{min-height:100vh;background:radial-gradient(circle at 82% 8%,rgba(182,135,53,.13),transparent 27rem),linear-gradient(145deg,#f9f6ed 0%,#edf2eb 100%)}
.auth-page{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}
.auth-brand,.auth-main,.auth-footer{width:min(1120px,calc(100% - 48px));margin-inline:auto}
.auth-brand{padding:28px 0 16px}.auth-brand a{display:inline-flex;border-radius:6px}.auth-brand img{display:block;width:245px;height:auto;max-width:72vw}
.auth-main{align-self:center;display:grid;grid-template-columns:minmax(260px,.86fr) minmax(360px,1fr);gap:clamp(38px,7vw,92px);align-items:center;padding:34px 0 58px}
.auth-context{padding:20px 0;max-width:430px}.auth-kicker,.auth-eyebrow{margin:0 0 12px;color:var(--auth-green);font-size:.75rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.auth-context h2{margin:0;font:700 clamp(2rem,4vw,3.55rem)/1.08 Georgia,serif;color:#0d3430}.auth-context p:not(.auth-kicker){margin:20px 0 0;color:var(--auth-muted);font-size:1.08rem;max-width:34ch}.auth-context-mark{display:flex;align-items:center;gap:9px;margin-top:34px}.auth-context-mark span{display:block;width:9px;height:9px;border:2px solid var(--auth-gold);border-radius:50%}.auth-context-mark span:nth-child(2){width:64px;border-width:1px;border-radius:0}.auth-context-mark span:last-child{background:var(--auth-gold)}
.auth-card{min-width:0;background:rgba(255,253,247,.96);border:1px solid rgba(141,155,143,.5);border-top:5px solid var(--auth-gold);border-radius:14px;padding:clamp(28px,5vw,48px);box-shadow:var(--auth-shadow)}
.auth-card h1{margin:0;color:#102f2b;font:700 clamp(2rem,4vw,2.85rem)/1.08 Georgia,serif;letter-spacing:-.02em}.auth-intro{margin:15px 0 27px;color:var(--auth-muted);font-size:1.05rem;max-width:48ch}.auth-alert{display:grid;gap:3px;margin:0 0 22px;padding:13px 15px;border-left:4px solid var(--auth-danger);background:var(--auth-danger-soft);color:#702616;border-radius:4px}.auth-alert span{font-size:.94rem}
.auth-form{margin:0}.auth-form label{display:block;margin:17px 0 7px;color:var(--auth-ink);font-weight:750}.auth-form input{display:block;width:100%;min-width:0;height:54px;margin:0;border:1px solid #778d87;border-radius:7px;background:#fff;color:#142e2a;padding:11px 13px;caret-color:var(--auth-green)}.auth-form input:hover{border-color:#496f66}.auth-form input:focus-visible,.auth-card button:focus-visible,.auth-card a:focus-visible,.auth-brand a:focus-visible{outline:3px solid #d09632;outline-offset:3px}.auth-password{position:relative}.auth-password input{padding-right:62px}.auth-password-toggle{display:none;position:absolute;right:5px;top:5px;align-items:center;justify-content:center;width:44px;height:44px;padding:9px;border:0;border-left:1px solid var(--auth-line);border-radius:4px;background:#fff;color:var(--auth-green);cursor:pointer}.auth-js .auth-password-toggle{display:flex}.auth-eye{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.auth-eye-off{display:none}.auth-password-toggle[aria-pressed="true"] .auth-eye-open{display:none}.auth-password-toggle[aria-pressed="true"] .auth-eye-off{display:block}
.auth-primary,.auth-secondary,.auth-link-button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;border-radius:7px;padding:11px 20px;font-weight:800;text-align:center;text-decoration:none;cursor:pointer}.auth-primary{width:100%;margin-top:25px;border:1px solid var(--auth-green);background:var(--auth-green);color:#fff}.auth-primary:hover{background:var(--auth-green-dark)}.auth-secondary{width:100%;border:1px solid #789089;background:transparent;color:var(--auth-green)}.auth-secondary-form{margin:12px 0 0}.auth-note,.auth-field-help{color:var(--auth-muted);font-size:.88rem}.auth-note{margin:22px 0 0;padding-top:19px;border-top:1px solid var(--auth-line)}.auth-field-help{margin:7px 0 0}.auth-otp{width:100%;font-size:1.5rem!important;font-weight:750;letter-spacing:.45em;text-align:center;text-indent:.45em;font-variant-numeric:tabular-nums}.auth-otp::placeholder{color:#71857f;opacity:1}
.auth-primary:disabled{cursor:wait;opacity:.76;background:var(--auth-green-dark)}.auth-submit-status{min-height:1.4em;margin:8px 0 0;color:var(--auth-muted);font-size:.88rem;text-align:center}
.auth-secret{display:grid;gap:8px;margin:4px 0 22px;padding:15px;border:1px solid #d5c49d;border-radius:7px;background:#fff8e7}.auth-secret code{display:block;overflow-wrap:anywhere;color:#173c35;font:700 .92rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.auth-secret span{color:var(--auth-muted);font-size:.86rem}.auth-status-mark{display:grid;place-items:center;width:48px;height:48px;margin:0 0 19px;border-radius:50%;background:#e5f0ea;color:var(--auth-green);font-size:1.35rem;font-weight:900}.auth-link-button{margin-top:2px}
.auth-enrollment{display:grid;grid-template-columns:minmax(0,1fr) minmax(176px,216px);gap:22px;align-items:center;margin:4px 0 16px;padding:18px;border:1px solid #b8c9c2;border-radius:10px;background:#f4f8f5}.auth-enrollment-copy{min-width:0}.auth-enrollment-copy strong{display:block;color:var(--auth-ink);font-size:1.02rem}.auth-enrollment-copy p{margin:8px 0;color:var(--auth-muted);font-size:.94rem;line-height:1.5}.auth-enrollment-copy span{display:block;color:var(--auth-green);font-size:.78rem;font-weight:750;letter-spacing:.02em}.auth-qr{display:grid;place-items:center;padding:9px;border:1px solid #9eb2aa;border-radius:8px;background:#fff}.auth-qr-svg{display:block;width:100%;height:auto;aspect-ratio:1;max-width:198px}
.auth-footer{display:flex;justify-content:space-between;gap:18px;padding:21px 0 27px;border-top:1px solid rgba(104,125,116,.28);color:var(--auth-muted);font-size:.78rem}.auth-footer span:first-child{color:var(--auth-ink);font-weight:800;letter-spacing:.04em}
.auth-guidance{margin:1rem 0;padding:1rem;border:1px solid var(--auth-line);border-radius:.7rem;background:var(--auth-cream)}.auth-guidance h2{margin:0 0 .5rem;font-size:1.05rem}.auth-guidance p{font-size:.92rem;line-height:1.55}.auth-primary-link{text-decoration:none}.auth-recovery{text-align:center;margin:.85rem 0 0}.auth-recovery a{color:var(--auth-green);font-weight:750}
@media(max-width:760px){.auth-brand,.auth-main,.auth-footer{width:min(100% - 30px,560px)}.auth-brand{padding-top:20px}.auth-main{grid-template-columns:1fr;gap:18px;padding:13px 0 35px}.auth-context{padding:0;max-width:none}.auth-context h2{font-size:1.7rem}.auth-context p:not(.auth-kicker),.auth-context-mark{display:none}.auth-card{padding:27px 23px}.auth-enrollment{grid-template-columns:1fr}.auth-qr{width:min(100%,224px);margin-inline:auto}.auth-footer{flex-direction:column;gap:4px}}
@media(max-width:360px){.auth-brand,.auth-main,.auth-footer{width:calc(100% - 20px)}.auth-brand{padding-top:14px}.auth-brand img{width:210px}.auth-main{padding-top:8px}.auth-context h2{font-size:1.45rem}.auth-card{padding:23px 16px;border-radius:10px}.auth-card h1{font-size:1.85rem}.auth-password input{padding-right:62px}.auth-footer{padding-bottom:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
