:root{--bg:#07111f;--panel:#0c1a2a;--panel2:#102338;--ink:#eef5ff;--muted:#a8b8cc;--line:#203a55;--accent:#ff8a2a;--accent2:#46b6ff;--good:#31c48d;--shadow:0 24px 80px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0%,rgba(70,182,255,.10),transparent 28%),linear-gradient(180deg,#07111f,#0a1525);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45;min-height:100vh}a{color:inherit;text-decoration:none}.shell{max-width:1180px;margin:0 auto;padding:26px 22px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#ffb46f);display:grid;place-items:center;color:#17100a;font-weight:1000;box-shadow:0 8px 26px rgba(255,138,42,.25)}.badge{font-size:11px;padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:#d8e7f9;background:rgba(12,26,42,.8)}.hero{margin-top:26px;padding:34px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,rgba(16,35,56,.95),rgba(9,23,38,.96));box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-90px;top:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(70,182,255,.18),transparent 65%)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-weight:900}.hero h1{font-size:clamp(34px,5.6vw,62px);line-height:1.02;margin:9px 0 14px;max-width:850px}.hero p{font-size:17px;color:var(--muted);max-width:840px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:22px}.card{grid-column:span 6;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--panel),#0a1726);transition:.18s ease;position:relative}.card:hover{transform:translateY(-2px);border-color:#315879}.card.full{grid-column:1/-1}.card.third{grid-column:span 4}.card h2{margin:0 0 8px;font-size:22px}.card p{margin:0;color:var(--muted)}.icon{font-size:26px;margin-bottom:14px}.cta{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:10px 13px;border-radius:10px;background:var(--accent);color:#1b120a;font-weight:900}.cta.secondary{background:#102942;color:#dff3ff;border:1px solid #315879}.meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.pill{font-size:11px;padding:6px 8px;border:1px solid var(--line);border-radius:999px;color:#cfe2f5}.status{position:absolute;right:18px;top:18px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:5px 7px;border-radius:999px;border:1px solid rgba(49,196,141,.45);color:#aaf0d1;background:rgba(49,196,141,.06)}.status.future{border-color:#354a5f;color:#7990a7;background:#0c1927}.notice{border-left:3px solid var(--accent);padding:12px 14px;background:rgba(255,138,42,.07);border-radius:0 12px 12px 0;color:#d8e7f9}.section{margin-top:30px}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:#88a5c1;font-weight:900;margin-bottom:10px}.footer{margin-top:30px;color:#7890a7;font-size:12px;text-align:center}.breadcrumb{display:flex;gap:8px;align-items:center;color:#9fb4c9;font-size:13px;flex-wrap:wrap}.breadcrumb a:hover{color:white}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.list{display:grid;gap:10px}.item{padding:12px 14px;border-radius:12px;background:#091726;border:1px solid #1d344c}.item b{display:block;margin-bottom:3px}.small{font-size:12px;color:#8ea5bb}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#091726;border:1px solid #28445f;border-radius:6px;padding:2px 6px;font-size:12px}.logout-note{font-size:12px;color:#8ea5bb;max-width:530px;text-align:right}@media(max-width:850px){.card,.card.third{grid-column:1/-1}.split{grid-template-columns:1fr}.hero{padding:24px}.shell{padding:18px 14px 45px}.logout-note{text-align:left}.hero h1{font-size:38px}}