:root { --bg:#07101f; --surface:#0d1930; --surface2:#101e37; --line:#304665; --text:#f5f7ff; --muted:#b7c3d6; --blue:#7188ff; --violet:#9c78ff; --cyan:#58dce9; --max:1180px; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 80% 0,rgba(113,105,255,.15),transparent 32%),var(--bg); color:var(--text); font:16px/1.58 Aptos,"Segoe UI",system-ui,sans-serif; }
a { color:inherit; }
:focus-visible { outline:3px solid var(--cyan); outline-offset:3px; }
.skip-link { position:fixed; top:10px; left:10px; z-index:20; transform:translateY(-160%); padding:9px 13px; border-radius:8px; background:#fff; color:#07101f; font-weight:700; }
.skip-link:focus { transform:none; }
.portal-header { width:min(var(--max),calc(100% - 40px)); min-height:86px; margin:auto; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.1); }
.portal-header img { display:block; width:174px; height:auto; }
.portal-header nav { display:flex; align-items:center; gap:8px; }
.portal-header nav a { min-height:42px; display:inline-flex; align-items:center; border-radius:8px; padding:8px 12px; color:#c8d1e0; font-size:14px; text-decoration:none; }
.portal-header nav a:hover,.portal-header nav a[aria-current="page"] { background:#12213a; color:#fff; }
.portal-main { width:min(var(--max),calc(100% - 40px)); margin:58px auto 80px; }
.portal-intro { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:34px; }
.eyebrow,.card-label { color:#9eabff; font-size:11px; font-weight:750; letter-spacing:.14em; text-transform:uppercase; }
h1,h2,h3 { font-family:Aptos,"Segoe UI",system-ui,sans-serif; }
h1 { margin:9px 0 10px; font-size:clamp(38px,5vw,58px); font-weight:620; line-height:1.06; letter-spacing:-.03em; }
.portal-intro p { max-width:690px; margin:0; color:var(--muted); font-size:18px; }
.portal-status { max-width:310px; display:flex; align-items:flex-start; gap:9px; border:1px solid #46547b; border-radius:10px; padding:11px 13px; color:#c7d0e1; font-size:12px; }
.portal-status span { width:8px; height:8px; margin-top:5px; flex:0 0 8px; border-radius:50%; background:#ffc873; box-shadow:0 0 12px rgba(255,200,115,.6); }
.portal-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:20px; }
.portal-card { min-width:0; border:1px solid var(--line); border-radius:17px; padding:25px; background:rgba(13,25,48,.94); }
.documents-card { grid-column:1 / -1; }
.card-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; padding-bottom:18px; border-bottom:1px solid #293d5b; }
.card-heading h2 { margin:4px 0 0; font-size:27px; font-weight:620; letter-spacing:-.015em; }
.count { border:1px solid #405478; border-radius:99px; padding:5px 9px; color:#aebad0; font-size:11px; }
.saved-row { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:14px; margin-top:18px; border:1px solid #334b70; border-radius:12px; padding:15px; background:#101f39; text-decoration:none; }
.saved-row:hover { border-color:var(--blue); }
.row-icon,.empty-icon { width:38px; height:38px; display:grid; place-items:center; border-radius:10px; background:#182a4b; color:#aebcff; font-size:23px; }
.saved-row strong,.saved-row small { display:block; }
.saved-row small { margin-top:3px; color:#9eabc0; font-size:12px; }
.row-action { color:#b8c2ff; font-size:13px; font-weight:700; }
.empty-note { margin:14px 2px 0; color:#8f9db3; font-size:12px; }
.empty-state { padding:22px 4px 2px; }
.empty-state strong { display:block; margin:14px 0 5px; }
.empty-state p { max-width:520px; margin:0 0 14px; color:var(--muted); font-size:14px; }
.empty-state a { color:#c3cbff; font-weight:700; font-size:13px; }
.document-columns { display:grid; grid-template-columns:1.1fr .9fr; gap:30px; }
.document-safety { margin-top:20px; border-left:1px solid #314765; padding:8px 0 8px 30px; }
.document-safety h3 { margin:7px 0; font-size:22px; font-weight:620; }
.document-safety p { margin:0; color:var(--muted); font-size:14px; }
@media (max-width:800px) { .portal-header { align-items:flex-start; flex-direction:column; padding:16px 0; gap:12px; } .portal-header nav { width:100%; overflow-x:auto; } .portal-main { margin-top:38px; } .portal-intro { align-items:flex-start; flex-direction:column; gap:20px; } .portal-grid { grid-template-columns:1fr; } .documents-card { grid-column:auto; } .document-columns { grid-template-columns:1fr; } .document-safety { border-top:1px solid #314765; border-left:0; padding:24px 0 0; } }
@media (max-width:520px) { body { font-size:16px; } .portal-header,.portal-main { width:calc(100% - 28px); } .portal-header { min-height:0; padding:12px 0; } .portal-header img { width:132px; } .portal-header nav { gap:3px; } .portal-header nav a { min-height:42px; padding:7px 9px; font-size:13px; } .portal-main { margin:30px auto 48px; } h1 { font-size:36px; } .portal-intro p { font-size:16px; } .portal-status { max-width:none; width:100%; } .portal-grid { gap:12px; } .portal-card { padding:18px; border-radius:14px; } .card-heading h2 { font-size:23px; } .saved-row { grid-template-columns:auto 1fr; padding:13px; } .row-action { grid-column:2; } }