:root{--bg: #0b1220;--card: #111a2b;--text: black;--muted: #9db0d1;--accent: #3ab0ff}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Times New Roman,Times,serif}a{color:var(--accent);text-decoration:none}button{background:var(--accent);color:#001;border:none;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer}input,select{background:#0f1729;color:var(--text);border:1px solid #22314d;border-radius:10px;padding:10px 12px;outline:none}.container{max-width:1300px;justify-self:anchor-center;margin-bottom:100px}.card{background:var(--card);border-radius:16px;padding:18px;box-shadow:0 10px 30px #00000040}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.nav{display:none;gap:12px;padding:16px;align-items:center;border-bottom:1px solid #1c2740;position:sticky;top:0;background:linear-gradient(180deg,#0b1220e6,#0b122099);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nav .spacer{flex:1}.badge{font-size:12px;color:var(--muted)}