:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
body.auth-page{margin:0;min-height:100vh;background:#071e2d;color:#173244;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,480px);gap:clamp(36px,6vw,110px);align-items:center;max-width:1500px;margin:auto;padding:48px clamp(24px,6vw,100px);position:relative}
.auth-shell:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 18% 35%,rgba(35,197,208,.19),transparent 29%),radial-gradient(circle at 67% 78%,rgba(19,91,132,.35),transparent 40%),linear-gradient(135deg,#071e2d,#082d43 60%,#061d2d)}
.auth-shell:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:url('auth-transmission-20261014.png') no-repeat left center;background-size:min(84vw,1180px) auto;opacity:.18}
.auth-shell>*{position:relative;z-index:1}
.auth-story{color:#e8f7fb;max-width:600px}
.auth-brand{display:inline-flex;align-items:center;gap:12px;color:#fff;font-size:22px;font-weight:750;letter-spacing:-.04em;text-decoration:none}
.auth-brand-mark{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#40d7e8;color:#073044;font-size:28px;font-weight:600;line-height:1}
.auth-eyebrow{margin:50px 0 14px;color:#6ddbe5;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.auth-story h1{font-size:clamp(42px,5vw,74px);line-height:1.04;letter-spacing:-.055em;margin:0 0 20px;font-weight:750}
.auth-story p{font-size:17px;line-height:1.7;color:#b1cbd5;max-width:500px}
.auth-routes{display:flex;align-items:center;gap:12px;margin-top:45px;color:#87b8c6;font-size:13px}
.auth-route{height:1px;width:74px;background:linear-gradient(90deg,#51d4df,transparent)}
.auth-card-wrap{width:100%;transform:translateY(-4vh)}
.auth-card{background:#fff;border:1px solid rgba(255,255,255,.45);border-radius:22px;box-shadow:0 26px 90px rgba(0,11,21,.38);padding:clamp(28px,4vw,44px)}
.auth-kicker{display:inline-flex;align-items:center;gap:8px;color:#147c91;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.15em}
.auth-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#21c6ad;box-shadow:0 0 0 4px #e1f8f3}
.auth-card h2{margin:14px 0 7px;font-size:31px;line-height:1.18;letter-spacing:-.04em;color:#102d3c}
.auth-description{margin:0 0 28px;color:#6b8190;font-size:14px;line-height:1.55}
.auth-field{margin:0 0 18px}
.auth-field label{display:block;margin:0 0 8px;color:#264456;font-size:13px;font-weight:700}
.auth-input{width:100%;min-height:48px;border:1px solid #cbd9e0;border-radius:11px;background:#fff;color:#18394a;font:inherit;font-size:15px;padding:11px 14px;outline:0;transition:border-color .15s,box-shadow .15s}
.auth-input:focus{border-color:#1398ad;box-shadow:0 0 0 4px rgba(35,181,199,.16)}
.auth-input::placeholder{color:#9aabb5}
select.auth-input{-webkit-appearance:none;appearance:none;display:block;height:48px;line-height:24px;padding-right:42px;cursor:pointer;background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#577182 50%),linear-gradient(135deg,#577182 50%,transparent 50%);background-position:calc(100% - 22px) 21px,calc(100% - 16px) 21px;background-size:6px 6px;background-repeat:no-repeat}
select.auth-input:invalid{color:#9aabb5}
select.auth-input option,select.auth-input optgroup{color:#18394a}
.auth-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:49px;border:0;border-radius:11px;background:#07566f;color:#fff;font:inherit;font-size:14px;font-weight:750;cursor:pointer;transition:background .15s,transform .15s}
.auth-primary:hover{background:#08748b;transform:translateY(-1px)}
.auth-primary:focus-visible,.auth-link:focus-visible{outline:3px solid #36c4d6;outline-offset:3px}
.auth-links{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;flex-wrap:wrap}
.auth-link{color:#096a83;text-decoration:none;font-size:13px;font-weight:700}
.auth-link:hover{text-decoration:underline}
.auth-alert{padding:12px 14px;border-radius:10px;margin:0 0 20px;font-size:13px;line-height:1.5;border:1px solid #f4c7c4;background:#fff5f4;color:#9d3631}
.auth-alert.success{border-color:#bfe7d6;background:#effaf4;color:#176447}
.auth-help{border-top:1px solid #e5edf1;margin-top:27px;padding-top:20px;color:#738994;font-size:12px;line-height:1.6}
.auth-footer{margin:18px 5px 0;color:#b5d2d9;font-size:11px;line-height:1.6;text-align:center}
.auth-footer a{color:#d9f7fa}
.auth-password-hint{margin:-4px 0 20px;color:#708693;font-size:12px;line-height:1.5}
.auth-back{display:block;margin-bottom:10px}
.auth-reset .auth-next-steps{list-style:none;counter-reset:reset-step;margin:0 0 25px;padding:0;display:grid;gap:10px}
.auth-reset .auth-next-steps li{counter-increment:reset-step;position:relative;padding:12px 13px 12px 45px;border:1px solid #e0ebef;border-radius:10px;background:#f7fafb;color:#365467;font-size:13px;line-height:1.45}
.auth-reset .auth-next-steps li:before{content:counter(reset-step);display:grid;place-items:center;position:absolute;top:11px;left:12px;width:21px;height:21px;border-radius:7px;background:#dff5f4;color:#086578;font-size:11px;font-weight:800}
.auth-reset .auth-next-steps strong{font-weight:750;color:#173d50}
.auth-reset .auth-primary-link{gap:8px;text-decoration:none}
.auth-reset .auth-primary-link:hover{color:#fff;text-decoration:none}
.auth-reset .auth-reset-secondary{margin:18px 0 0;color:#718996;font-size:12px;text-align:center}
@media(min-width:901px){.auth-shell{align-content:center;align-items:start}.auth-story{transform:translateY(-4vh)}.auth-eyebrow{margin-top:18px;margin-bottom:10px}.auth-page:not(.auth-reset) .auth-eyebrow{margin-top:0}}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr;align-content:start;align-items:start;max-width:540px;gap:14px;padding:14px 20px 36px}.auth-shell:after{background-size:150vw auto;background-position:center 20%;opacity:.08}.auth-story{max-width:none}.auth-eyebrow,.auth-story h1,.auth-story p,.auth-routes{display:none}.auth-card-wrap{transform:none}.auth-card{padding:30px 25px}.auth-brand{font-size:20px}}
@media(max-width:430px){.auth-shell{padding:18px 14px 30px}.auth-card{padding:27px 21px;border-radius:18px}.auth-card h2{font-size:27px}}