/* Auth + customer panel shell — shares the public design system tokens */
:root{--font-display:"Young Serif",Georgia,serif;--font-body:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--ink:#10282c;--muted:#58706f;--line:#dde4de;--brand:#0c5d59;--brand-dark:#08403f;--deep-2:#0b3a40;--gold:#e8a33d;--paper:#f4f6f2}
body{font-family:var(--font-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:400;letter-spacing:-.012em;color:var(--ink)}
a{color:var(--brand)}a:hover{color:var(--brand-dark)}
.text-secondary{color:var(--muted)!important}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}
.auth-hero{position:relative;overflow:hidden;background:var(--deep-2);color:#fff;padding:3rem;display:flex;flex-direction:column;justify-content:space-between}
.auth-hero::before{content:"";position:absolute;right:-12%;bottom:-6%;width:68%;aspect-ratio:3/4;border-radius:999px 999px 0 0;border:1px solid rgba(255,255,255,.14)}
.auth-hero::after{content:"";position:absolute;right:4%;bottom:-6%;width:40%;aspect-ratio:3/4;border-radius:999px 999px 0 0;background:rgba(232,163,61,.16)}
.auth-hero>*{position:relative;z-index:1}
.auth-hero h2{color:#fff;font-size:clamp(2rem,3.4vw,3rem);line-height:1.08;max-width:14ch}
.auth-hero p{color:rgba(255,255,255,.78);max-width:40ch;margin-top:1rem}
.auth-panel{display:flex;align-items:center;justify-content:center;padding:2rem;background:#fff}
.auth-card{width:100%;max-width:420px}
.auth-card h1{font-size:2rem}
.auth-card .form-control{padding:.75rem .95rem;border-radius:12px;border-color:#cfd9d3}
.auth-card .form-control:focus{border-color:var(--brand);box-shadow:0 0 0 .22rem rgba(12,93,89,.16)}
.auth-card .btn-brand{background:var(--brand);border:1px solid var(--brand);color:#fff;padding:.8rem;border-radius:12px;font-weight:600}
.auth-card .btn-brand:hover{background:var(--brand-dark);border-color:var(--brand-dark)}
.brand-mark{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-size:1.35rem;color:inherit;text-decoration:none}
.brand-mark:hover{color:inherit}
.brand-arch{width:26px;height:26px;color:var(--gold)}
.navbar .brand-mark{color:var(--ink)}.navbar .brand-arch{color:var(--brand)}
@media(max-width:900px){.auth-wrap{grid-template-columns:1fr}.auth-hero{display:none}}

/* ===== Premium auth ===== */
.auth-hero{background:linear-gradient(to top,rgba(8,38,43,.94) 6%,rgba(8,38,43,.55) 55%,rgba(8,38,43,.75) 100%),url("https://images.unsplash.com/photo-1613490493576-7fde63acd811?auto=format&fit=crop&w=1400&q=70") center/cover,var(--deep-2)}
.auth-hero::before,.auth-hero::after{display:none}
.auth-hero h2{font-size:clamp(2.2rem,3.8vw,3.4rem);text-shadow:0 2px 24px rgba(0,0,0,.3)}
.auth-points{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;gap:.8rem}
.auth-points li{display:flex;align-items:center;gap:.8rem;color:rgba(255,255,255,.92)}
.auth-points i{flex:none;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);display:inline-flex;align-items:center;justify-content:center;color:var(--gold)}
.auth-panel{background:var(--paper)}
.auth-card{background:#fff;border-radius:var(--r-lg,28px);padding:2.4rem 2.2rem;box-shadow:0 40px 70px -48px rgba(8,38,43,.55);max-width:460px}
.auth-card h1{font-size:clamp(1.8rem,3vw,2.3rem);letter-spacing:-.02em}
.auth-card .btn-brand{box-shadow:0 12px 22px -14px rgba(12,93,89,.8)}
.auth-mobile-brand{display:none;margin-bottom:1.6rem;color:var(--ink)}.auth-mobile-brand .brand-arch{color:var(--brand)}
.pw-wrap{position:relative}.pw-wrap .form-control{padding-right:2.9rem}
.pw-toggle{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--muted);width:40px;height:40px;border-radius:10px;cursor:pointer}
.pw-toggle:hover{color:var(--brand)}
@media(max-width:900px){.auth-mobile-brand{display:inline-flex}.auth-panel{padding:1.2rem}.auth-card{padding:1.8rem 1.4rem}}