:root{--ink:#12211d;--muted:#60716b;--green:#176b59;--mint:#e0f1e9;--paper:#f5f3ec;--card:#fffdfa;--line:#d8dfda}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 0,#dcefe7,transparent 32%),var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}.portal-shell{width:min(1120px,100% - 32px);margin:auto;padding:24px 0 72px}.portal-bar{justify-content:space-between;align-items:center;margin-bottom:64px;display:flex}.brand{background:var(--green);color:#fff;border-radius:13px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.language,.quiet{color:var(--green);background:0 0;border:0;padding:10px;font-weight:800}.quiet{color:var(--muted);margin-left:8px}header{margin-bottom:28px}h1{letter-spacing:-2.5px;margin:8px 0 12px;font-size:clamp(38px,7vw,68px);line-height:1}header p,.login-card p,.section-title span,.status small,small,.fine-print{color:var(--muted)}.eyebrow{letter-spacing:1.8px;font-size:12px;font-weight:900;color:var(--green)!important}.login-card,.card{background:var(--card);border:1px solid var(--line);border-radius:26px;box-shadow:0 18px 60px #17312c10}.login-card{width:min(520px,100%);margin:auto;padding:44px}.login-card form{gap:16px;margin-top:26px;display:grid}label{color:var(--muted);gap:7px;font-size:13px;font-weight:800;display:grid}input,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;padding:12px}button{cursor:pointer;background:var(--green);color:#fff;border:0;border-radius:11px;padding:11px 14px;font-weight:800}.error{color:#a52d38}.banner{background:#fee9eb;border-radius:12px;padding:14px}.verification{border-radius:14px;margin-bottom:18px;padding:15px 18px}.verification.good{background:var(--mint);color:var(--green)}.verification.warn{color:#765500;background:#fff0cc}.card{margin-bottom:20px;padding:26px}.section-title{justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px;display:flex}.section-title h2{margin:0}.section-title select{width:min(420px,100%)}.status{gap:8px;display:grid}.state{color:#52625c;text-transform:uppercase;background:#e8ece9;border-radius:999px;justify-self:start;padding:5px 9px;font-size:10px;font-weight:900}.state.active{background:var(--mint);color:var(--green)}.state.grace{color:#765500;background:#fff0cc}.plans{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.plans article{border:1px solid var(--line);border-radius:16px;padding:20px}.plans h3{margin:8px 0}.plans ul{color:var(--muted);padding-left:18px;line-height:1.5}.payments{gap:10px;display:grid}.payments article{border:1px solid var(--line);border-radius:15px;justify-content:space-between;gap:18px;padding:16px;display:flex}.payments article>div{gap:7px;display:grid}.amount{text-align:right;justify-items:end}.amount button{padding:7px 10px}.receipt dl{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.receipt dl div{background:#f5f7f5;border-radius:12px;padding:12px}.receipt dt{color:var(--muted);text-transform:uppercase;font-size:11px}.receipt dd{overflow-wrap:anywhere;margin:6px 0 0}.print{margin-top:12px}@media (max-width:640px){.portal-bar{margin-bottom:38px}.login-card,.card{padding:22px}.section-title,.payments article{flex-direction:column;align-items:stretch}.amount{text-align:left;justify-items:start}}@media print{body{background:#fff}.portal-bar,header,.verification,.card:not(.receipt),.print{display:none}.portal-shell{width:100%;padding:0}.receipt{box-shadow:none;border:0}}