:root{--navy:#0a1628;--navy-mid:#0f2040;--navy-light:#162845;--navy-card:#111d35;--accent:#2dd4bf;--accent-dim:#2dd4bf26;--accent-glow:#2dd4bf14;--text-primary:#f0f4f8;--text-secondary:#8ba3be;--text-muted:#4a6380;--border:#2dd4bf1f;--border-subtle:#ffffff0f;--red:#d64045;--amber:#f59e0b}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--navy);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}h1,h2,h3{letter-spacing:-.03em}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--navy-mid)}::-webkit-scrollbar-thumb{background:#2dd4bf4d;border-radius:3px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav-link{color:var(--text-secondary);font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--text-primary)}.nav-cta{color:var(--accent);border:1px solid var(--accent);border-radius:6px;padding:8px 20px;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s}.nav-cta:hover{background:var(--accent-dim)}.portal-container{background:var(--navy);min-height:100vh}.portal-content{max-width:1100px;margin:0 auto;padding:36px 24px}.metric-card{background:var(--navy-mid);border:1px solid var(--border-subtle);border-radius:12px;padding:20px;position:relative;overflow:hidden}.chart-card{background:var(--navy-mid);border:1px solid var(--border-subtle);border-radius:12px;padding:20px 22px}.chart-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;margin-bottom:14px;padding-bottom:10px;font-size:11px;font-weight:700;display:flex}.chart-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px}.period-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff2e;border-radius:20px;padding:7px 16px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .2s}.period-btn.active{background:var(--accent);color:#0d1b2a;border-color:var(--accent);font-weight:700}.insight-card{border-radius:8px;padding:14px 16px}@media (max-width:768px){.portal-content{padding:20px 16px}}