:root{--navy:#0b2438;--navy2:#123c5a;--lime:#b9e63a;--cream:#f8f3e7;--ink:#111820;--muted:#66727a;--line:#d7dde0;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Nunito,system-ui,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff 0,#f8f3e7 44%,#eef3f4 100%)}a{color:inherit;text-decoration:none}.topbar{min-height:84px;display:flex;align-items:center;justify-content:space-between;padding:12px max(4vw,24px);background:var(--navy);color:#fff;border-bottom:6px solid var(--lime);position:sticky;top:0;z-index:10}.brand{display:grid;gap:1px}.brand>span{display:flex;gap:7px;font-family:Anton,sans-serif;font-size:1.35rem;letter-spacing:.03em}.brand .shine{color:var(--lime)}.brand small{font-size:.62rem;font-weight:900;letter-spacing:.14em}.topbar nav{display:flex;gap:18px;font-size:.82rem;font-weight:900}.topbar nav a:hover{color:var(--lime)}.shell{width:min(1180px,92vw);margin:0 auto}.auth-wrap{min-height:calc(100vh - 150px);display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:center;padding:46px 0}.intro h1,.portal-head h1{font-family:Anton,sans-serif;font-size:clamp(3.2rem,7vw,6.3rem);line-height:.88;letter-spacing:.01em;margin:.08em 0}.intro h1 span,.portal-head h1 span{color:var(--navy2)}.intro>p:not(.eyebrow){font-size:1.1rem;max-width:650px;color:#53636b;font-weight:700}.eyebrow{font-size:.76rem;font-weight:1000;letter-spacing:.16em;color:var(--navy2)}.benefit-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.benefit-tags span{background:var(--navy);color:#fff;border:3px solid var(--navy);box-shadow:5px 5px 0 var(--lime);padding:9px 13px;font-size:.72rem;font-weight:1000;letter-spacing:.08em}.auth-card,.panel,.summary-card{background:#fff;border:2px solid var(--navy);border-radius:18px}.auth-card{padding:28px;box-shadow:12px 12px 0 var(--lime);position:relative}.auth-badge{position:absolute;top:-15px;right:18px;background:var(--lime);color:var(--navy);padding:7px 11px;font-size:.68rem;font-weight:1000;letter-spacing:.08em;border:2px solid var(--navy);transform:rotate(2deg)}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 20px}.tabs button,.portal-nav button,.secondary,.link-button{font:inherit;cursor:pointer}.tabs button{border:2px solid var(--navy);background:#fff;color:var(--navy);padding:11px 14px;border-radius:10px;font-weight:900}.tabs button.active{background:var(--navy);color:#fff}.tabs button.active::after{content:' ✦';color:var(--lime)}form{display:grid;gap:14px}label{display:grid;gap:6px;font-weight:900;font-size:.9rem}input,textarea{width:100%;padding:12px 13px;border:2px solid #becbd1;border-radius:10px;background:#fff;font:inherit;color:var(--ink)}input:focus,textarea:focus{outline:3px solid #b9e63a66;border-color:var(--navy)}input:disabled{background:#eef1ed;color:#6c766e}.primary{border:0;border-radius:10px;background:var(--lime);color:var(--navy);padding:13px 16px;font:inherit;font-weight:1000;cursor:pointer;box-shadow:4px 4px 0 var(--navy)}.primary:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--navy)}.secondary{border:2px solid var(--navy);background:#fff;color:var(--navy);border-radius:999px;padding:10px 16px;font-weight:900}.link-button{border:0;background:transparent;text-align:left;padding:0;color:var(--navy2);font-weight:900}.hint,.message{font-size:.9rem;color:#667269;font-weight:700}.message.error{color:#9d2e2e}.message.success{color:#26703a}.portal-head{display:flex;align-items:end;justify-content:space-between;padding:46px 0 28px}.portal-head h1{font-size:clamp(2.8rem,6vw,5rem)}.portal-head p:last-child{font-weight:700;color:var(--muted)}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.summary-card{padding:22px;display:grid;gap:6px;box-shadow:5px 5px 0 #d8e4e7}.summary-card span{font-size:.72rem;font-weight:1000;letter-spacing:.12em;color:#68766d}.summary-card strong{font-family:Anton,sans-serif;font-size:1.8rem;letter-spacing:.02em}.summary-card small{color:#657168;font-weight:700}.summary-card.accent{background:var(--navy);color:#fff;box-shadow:6px 6px 0 var(--lime)}.summary-card.accent span,.summary-card.accent small{color:#dce9df}.portal-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:24px 0 14px}.portal-nav button{border:2px solid var(--navy);background:#fff;color:var(--navy);padding:14px;border-radius:12px;font-weight:1000;text-align:left}.portal-nav button span{font-family:Anton,sans-serif;margin-right:8px;color:#829097}.portal-nav button.active{background:var(--navy);color:#fff;box-shadow:4px 4px 0 var(--lime)}.portal-nav button.active span{color:var(--lime)}.panel{padding:24px;margin-bottom:26px;box-shadow:6px 6px 0 #d8e4e7}.panel-title{border-bottom:1px solid #dbe2e4;margin:-2px -2px 20px;padding:0 2px 16px}.panel-title h2{font-family:Anton,sans-serif;text-transform:uppercase;font-size:2rem;letter-spacing:.02em;margin:.15rem 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px}.panel h3{font-family:Anton,sans-serif;font-size:1.45rem;text-transform:uppercase;letter-spacing:.02em;margin:0 0 12px}.stack{display:grid;gap:10px}.item{padding:14px 0;border-bottom:1px solid #e1e7e9}.item:last-child{border-bottom:0}.item strong,.item span,.item small{display:block}.item strong{font-size:1rem}.item small{color:#6a756d;margin-top:4px;font-weight:700}.badge{display:inline-block!important;width:max-content;background:var(--lime);color:var(--navy);border:2px solid var(--navy);border-radius:999px;padding:4px 9px;font-size:.7rem;font-weight:1000;margin-top:7px}.help-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--navy);color:#fff;border-bottom:6px solid var(--lime);border-radius:16px;padding:18px 20px;margin:6px 0 42px}.help-strip div{display:grid;gap:2px}.help-strip span{color:#cbd7dc;font-size:.86rem}.help-strip a{color:var(--lime);font-weight:1000;white-space:nowrap}footer{text-align:center;padding:28px;background:var(--navy);color:#cbd6dc;font-size:.82rem;font-weight:800}@media(max-width:820px){.auth-wrap,.two-col,.summary-grid{grid-template-columns:1fr}.auth-wrap{padding:38px 0}.portal-head{align-items:flex-start}.portal-nav{grid-template-columns:1fr}.summary-grid{gap:10px}.help-strip{align-items:flex-start;flex-direction:column}.topbar{padding:12px 4vw}.topbar nav{font-size:.76rem}.intro h1{font-size:clamp(3rem,12vw,5.2rem)}}@media(max-width:560px){.topbar{align-items:flex-start;gap:10px}.topbar nav{flex-direction:column;gap:4px}.shell{width:min(94vw,1180px)}.auth-card{box-shadow:7px 7px 0 var(--lime);padding:22px}.portal-head{flex-direction:column}.summary-card strong{font-size:1.55rem}.intro h1,.portal-head h1{font-size:clamp(2.7rem,17vw,4.5rem)}}
/* Storefront-aligned customer product shell */
:root{--navy2:#102f47;--lime:#8fd126;--cream:#f7f2e7;--ink:#17202a;--muted:#66726c;--line:#d9dfd1}
body{background:var(--cream)}.topbar{background:rgba(247,242,231,.96);color:var(--navy);border-bottom:4px solid var(--lime);box-shadow:0 8px 24px #0b243814;backdrop-filter:blur(14px)}.brand .shine{color:#69b51c}.brand small{color:#586560}.topbar nav{align-items:center}.topbar nav a:hover{color:#69b51c}.nav-cta{background:var(--navy);color:#fff!important;padding:10px 14px;border-radius:9px;box-shadow:4px 4px 0 var(--lime)}
.auth-wrap{position:relative}.auth-wrap:before{content:'';position:fixed;left:-110px;bottom:-110px;width:340px;height:340px;border-radius:50%;background:repeating-conic-gradient(#8fd12616 0 10deg,transparent 10deg 22deg);pointer-events:none}.intro h1 span{color:var(--lime);text-shadow:3px 3px 0 var(--navy)}.eyebrow{color:#69b51c}.auth-card,.panel,.summary-card{border-color:var(--navy);border-radius:0}.auth-card{border-width:5px;box-shadow:12px 12px 0 var(--navy)}.auth-badge{background:var(--lime)}
.portal-actions{display:flex;gap:9px;flex-wrap:wrap}.summary-card{border-width:3px}.summary-card.accent{box-shadow:7px 7px 0 var(--lime)}.panel{border-width:3px}.portal-nav button{border-radius:0}.help-strip{border-radius:0}.item strong{text-transform:capitalize}.primary{background:var(--lime)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #69b51c;outline-offset:3px}[hidden]{display:none!important}
@media(max-width:560px){.topbar nav a:not(.nav-cta){display:none}.portal-actions{width:100%}.portal-actions>*{flex:1;text-align:center}.auth-card{box-shadow:7px 7px 0 var(--navy)}}