:root{--midnight:#0a1628;--midnight-mid:#112240;--midnight-light:#1a3050;--gold:#d4a830;--gold-light:#eac842;--gold-dim:#8a6e1a;--steel:#a8c8dc;--steel-dim:#6a98b4;--carnival-blue:#4a8aaa;--carnival-blue-mid:#2a5a7a;--sparkle:#c8e4f0;--forest:#1a3a5c;--cream:#f4f0ea;--cream-dim:#c8c4be;--white:#fff;--error:#d45f5f;--font-display:"Raleway", "Segoe UI", sans-serif;--font-body:"Raleway", "Segoe UI", sans-serif;--radius:12px;--radius-sm:6px;--nav-height:60px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--midnight);color:var(--cream);-webkit-font-smoothing:antialiased;min-height:100dvh}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.2}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-light)}button{font-family:var(--font-body);cursor:pointer}img{max-width:100%;display:block}.btn{border-radius:var(--radius-sm);letter-spacing:.04em;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-gold{background:var(--gold);color:var(--midnight)}.btn-gold:hover{background:var(--gold-light)}.btn-outline{border:1.5px solid var(--gold);color:var(--gold);background:0 0}.btn-outline:hover{background:#c9a84c1a}.card{background:var(--midnight-mid);border-radius:var(--radius);border:1px solid #a8bfd426;overflow:hidden}.page{padding:24px 20px calc(var(--nav-height) + 24px);flex:1;width:100%;max-width:680px;margin:0 auto}.page-title{color:var(--gold);margin-bottom:6px;font-size:1.6rem}.page-subtitle{color:var(--steel);margin-bottom:24px;font-size:.9rem}.gold-divider{background:linear-gradient(90deg, transparent, var(--gold-dim), transparent);height:1px;margin:24px 0}.loading{min-height:200px;color:var(--steel-dim);justify-content:center;align-items:center;font-size:.9rem;display:flex}.empty-state{text-align:center;color:var(--steel-dim);padding:48px 24px}.badge{letter-spacing:.05em;text-transform:uppercase;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.badge-gold{color:var(--gold);background:#c9a84c26;border:1px solid #c9a84c4d}.badge-steel{color:var(--steel);background:#a8bfd41a;border:1px solid #a8bfd433}