:root{--navy:#071523;--navy2:#0b2136;--navy3:#102f4b;--gold:#d6aa50;--gold2:#f2cf71;--ink:#eff7fb;--muted:#a9c0cf;--line:rgba(255,255,255,.14);--panel:rgba(10,31,50,.9);--good:#82d6ad;--warn:#ffd184}
*{box-sizing:border-box}html{background:var(--navy)}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#06131f,#0a1e31 55%,#071523);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}.hidden{display:none!important}.page{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:28px 0 72px}.topbar{display:flex;align-items:center;gap:14px;min-height:56px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:154px;max-height:45px;object-fit:contain}.topbar-actions{margin-left:auto;display:flex;gap:9px;align-items:center}.button,.icon-button,button{font:inherit}.button,button.action{border:1px solid var(--line);border-radius:12px;background:#0b2136;color:#fff;padding:11px 15px;font-weight:800;cursor:pointer;text-decoration:none}.button.primary,button.action.primary{background:var(--gold);border-color:var(--gold);color:#071523}.button.ghost{background:rgba(255,255,255,.035)}.button:hover,button.action:hover{transform:translateY(-1px)}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:900;color:var(--gold2)}h1,h2,h3{line-height:1.08}.hero{font-size:clamp(34px,5vw,62px);margin:10px 0 12px}.lede{font-size:17px;line-height:1.6;color:var(--muted);max-width:780px}.panel{border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:0 22px 60px rgba(0,0,0,.2)}.notice{padding:12px 14px;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:rgba(255,255,255,.035)}.notice.good{border-color:rgba(130,214,173,.45);color:#c7f2df}.notice.warn{border-color:rgba(255,209,132,.45);color:#ffe2a8}.field{display:grid;gap:7px}.field label{font-size:12px;font-weight:800;color:#bfd0db}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(255,255,255,.17);border-radius:12px;background:#061726;color:#fff;padding:12px 13px;outline:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold)}.auth-shell{width:min(520px,100%);margin:48px auto 0}.auth-card{padding:26px}.auth-card h1{font-size:34px;margin:8px 0}.form-stack{display:grid;gap:14px;margin-top:22px}.auth-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.password-row{position:relative}.password-row input{padding-right:52px}.password-toggle{position:absolute;right:6px;top:6px;width:40px;height:36px;padding:0;border:0;background:transparent;color:#d6e4ec;cursor:pointer}.portal-header{display:flex;align-items:flex-start;gap:18px;margin:32px 0 22px}.portal-header .heading{flex:1}.portal-header h1{font-size:clamp(30px,4vw,48px);margin:7px 0 5px}.portal-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 4}.card{padding:20px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{padding:17px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035)}.metric span{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.metric b{display:block;font-size:29px;margin-top:5px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.section-head h2{margin:5px 0 0}.clean-table{width:100%;border-collapse:collapse}.clean-table th,.clean-table td{padding:11px 8px;border-bottom:1px solid rgba(255,255,255,.09);text-align:left;font-size:13px}.clean-table th{color:#9eb6c5;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.nav-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.nav-tabs button{border:1px solid var(--line);background:rgba(255,255,255,.03);color:#fff;border-radius:11px;padding:9px 12px;font-weight:800;cursor:pointer}.nav-tabs button.active{border-color:var(--gold);color:var(--gold2);background:rgba(214,170,80,.1)}.module{display:none}.module.active{display:block}.empty{padding:20px;border:1px dashed rgba(255,255,255,.18);border-radius:14px;color:var(--muted);text-align:center}.profile-summary{display:grid;grid-template-columns:88px 1fr;gap:18px;align-items:center}.avatar{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--gold);background:#173a58;font-size:28px;font-weight:900;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.profile-lines{display:grid;gap:5px}.profile-lines b{font-size:22px}.profile-lines span{color:var(--muted)}.passport-card{padding:22px;background:linear-gradient(145deg,#122e48,#0b2136);border:1px solid rgba(242,207,113,.35);border-radius:18px}.passport-id{font-size:29px;font-weight:950;letter-spacing:.08em;margin:7px 0 17px}.journey-list{display:grid;gap:9px}.journey-row{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.025)}.journey-row .dot{width:9px;height:9px;border-radius:50%;background:var(--gold);margin-top:6px;flex:none}.journey-row small{color:var(--muted)}
@media(max-width:820px){.span-8,.span-6,.span-4{grid-column:span 12}.metric-grid{grid-template-columns:repeat(2,1fr)}.portal-header{display:block}.topbar-actions .button.optional{display:none}}
@media(max-width:520px){.page{width:min(100% - 24px,1180px);padding-top:14px}.brand img{width:132px}.hero{font-size:38px}.auth-shell{margin-top:24px}.metric-grid{grid-template-columns:1fr 1fr}.profile-summary{grid-template-columns:70px 1fr}.avatar{width:70px;height:70px}}