:root{--midnight:#0e1d30;--midnight-mid:#152540;--midnight-light:#1c3050;--gold:#c9923c;--gold-light:#d4a830;--gold-dim:#8a5e1a;--silver:#c8d8e8;--silver-dim:#8a9eae;--steel:#a0bce0;--steel-dim:#6a8eb8;--carnival-blue:#4a7aa0;--carnival-blue-mid:#2a5070;--sparkle:#fff;--forest:#2d4a3e;--cream:#f0ede8;--cream-dim:#c0bcba;--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);color:var(--cream);-webkit-font-smoothing:antialiased;background:radial-gradient(at 50% 0,#2a5a80 0%,#0000 55%),radial-gradient(at 15% 60%,#1a3a60 0%,#0000 45%),radial-gradient(at 85% 40%,#1a3a60 0%,#0000 45%),linear-gradient(#0e1d30 0%,#152540 60%,#0a1828 100%);min-height:100dvh;position:relative}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(2px 2px at 5% 3%,#ffffffb3 0%,#0000 100%),radial-gradient(3px 3px at 12% 8%,#ffffffd9 0%,#0000 100%),radial-gradient(2px 2px at 19% 4%,#c8d8e8a6 0%,#0000 100%),radial-gradient(2px 2px at 28% 11%,#ffffffbf 0%,#0000 100%),radial-gradient(3px 3px at 36% 6%,#fffc 0%,#0000 100%),radial-gradient(2px 2px at 45% 3%,#c8d8e8a6 0%,#0000 100%),radial-gradient(2px 2px at 53% 9%,#fff9 0%,#0000 100%),radial-gradient(3px 3px at 61% 5%,#ffffffd9 0%,#0000 100%),radial-gradient(2px 2px at 70% 2%,#c8d8e899 0%,#0000 100%),radial-gradient(4px 4px at 78% 8%,#ffffffe6 0%,#0000 100%),radial-gradient(2px 2px at 86% 4%,#ffffffa6 0%,#0000 100%),radial-gradient(3px 3px at 93% 7%,#c8d8e8bf 0%,#0000 100%),radial-gradient(2px 2px at 97% 12%,#ffffff8c 0%,#0000 100%),radial-gradient(2px 2px at 3% 18%,#fff9 0%,#0000 100%),radial-gradient(2px 2px at 10% 23%,#c8d8e880 0%,#0000 100%),radial-gradient(4px 4px at 17% 16%,#fffc 0%,#0000 100%),radial-gradient(2px 2px at 24% 28%,#ffffff80 0%,#0000 100%),radial-gradient(3px 3px at 32% 20%,#c8d8e8a6 0%,#0000 100%),radial-gradient(2px 2px at 41% 26%,#ffffff80 0%,#0000 100%),radial-gradient(3px 3px at 49% 15%,#fffc 0%,#0000 100%),radial-gradient(2px 2px at 57% 24%,#c8d8e88c 0%,#0000 100%),radial-gradient(4px 4px at 66% 19%,#ffffffd9 0%,#0000 100%),radial-gradient(2px 2px at 74% 27%,#ffffff80 0%,#0000 100%),radial-gradient(2px 2px at 83% 22%,#c8d8e899 0%,#0000 100%),radial-gradient(3px 3px at 90% 17%,#ffffffa6 0%,#0000 100%),radial-gradient(2px 2px at 96% 29%,#ffffff73 0%,#0000 100%),radial-gradient(2px 2px at 6% 35%,#ffffff80 0%,#0000 100%),radial-gradient(3px 3px at 14% 40%,#c8d8e899 0%,#0000 100%),radial-gradient(2px 2px at 22% 33%,#fff9 0%,#0000 100%),radial-gradient(4px 4px at 30% 44%,#ffffffb3 0%,#0000 100%),radial-gradient(2px 2px at 38% 37%,#c8d8e880 0%,#0000 100%),radial-gradient(2px 2px at 47% 42%,#ffffff73 0%,#0000 100%),radial-gradient(3px 3px at 55% 32%,#ffffffb3 0%,#0000 100%),radial-gradient(2px 2px at 63% 46%,#c8d8e880 0%,#0000 100%),radial-gradient(4px 4px at 71% 38%,#fffc 0%,#0000 100%),radial-gradient(2px 2px at 79% 43%,#ffffff73 0%,#0000 100%),radial-gradient(2px 2px at 87% 36%,#c8d8e88c 0%,#0000 100%),radial-gradient(3px 3px at 94% 41%,#ffffff8c 0%,#0000 100%),radial-gradient(2px 2px at 4% 55%,#ffffff73 0%,#0000 100%),radial-gradient(2px 2px at 13% 62%,#c8d8e866 0%,#0000 100%),radial-gradient(3px 3px at 21% 57%,#fff9 0%,#0000 100%),radial-gradient(2px 2px at 29% 66%,#fff6 0%,#0000 100%),radial-gradient(4px 4px at 37% 53%,#c8d8e8a6 0%,#0000 100%),radial-gradient(2px 2px at 46% 60%,#fff6 0%,#0000 100%),radial-gradient(2px 2px at 54% 68%,#ffffff80 0%,#0000 100%),radial-gradient(3px 3px at 62% 54%,#c8d8e88c 0%,#0000 100%),radial-gradient(2px 2px at 70% 63%,#fff6 0%,#0000 100%),radial-gradient(4px 4px at 78% 58%,#ffffffb3 0%,#0000 100%),radial-gradient(2px 2px at 86% 65%,#c8d8e873 0%,#0000 100%),radial-gradient(2px 2px at 95% 56%,#fff6 0%,#0000 100%),radial-gradient(2px 2px at 8% 75%,#fff6 0%,#0000 100%),radial-gradient(3px 3px at 16% 82%,#c8d8e873 0%,#0000 100%),radial-gradient(2px 2px at 25% 78%,#ffffff73 0%,#0000 100%),radial-gradient(2px 2px at 34% 88%,#ffffff59 0%,#0000 100%),radial-gradient(4px 4px at 43% 74%,#c8d8e899 0%,#0000 100%),radial-gradient(2px 2px at 52% 84%,#fff6 0%,#0000 100%),radial-gradient(2px 2px at 60% 77%,#ffffff73 0%,#0000 100%),radial-gradient(3px 3px at 68% 91%,#c8d8e880 0%,#0000 100%),radial-gradient(2px 2px at 76% 80%,#ffffff59 0%,#0000 100%),radial-gradient(2px 2px at 84% 86%,#fff6 0%,#0000 100%),radial-gradient(4px 4px at 92% 79%,#c8d8e88c 0%,#0000 100%),radial-gradient(2px 2px at 98% 93%,#ffffff59 0%,#0000 100%),radial-gradient(4px 4px at 15% 7%,#fff 0%,#0000 100%),radial-gradient(28px 2px at 15% 7%,#ffffff80 0%,#0000 100%),radial-gradient(2px 28px at 15% 7%,#ffffff80 0%,#0000 100%),radial-gradient(5px 5px at 82% 5%,#fff 0%,#0000 100%),radial-gradient(32px 2px at 82% 5%,#ffffff73 0%,#0000 100%),radial-gradient(2px 32px at 82% 5%,#ffffff73 0%,#0000 100%),radial-gradient(4px 4px at 9% 22%,#c8d8e8 0%,#0000 100%),radial-gradient(24px 2px at 9% 22%,#c8d8e87a 0%,#0000 100%),radial-gradient(2px 24px at 9% 22%,#c8d8e87a 0%,#0000 100%),radial-gradient(6px 6px at 91% 18%,#fff 0%,#0000 100%),radial-gradient(36px 2px at 91% 18%,#fff6 0%,#0000 100%),radial-gradient(2px 36px at 91% 18%,#fff6 0%,#0000 100%),radial-gradient(4px 4px at 5% 47%,#fff 0%,#0000 100%),radial-gradient(26px 2px at 5% 47%,#ffffff73 0%,#0000 100%),radial-gradient(2px 26px at 5% 47%,#ffffff73 0%,#0000 100%),radial-gradient(5px 5px at 50% 38%,#c8d8e8 0%,#0000 100%),radial-gradient(30px 2px at 50% 38%,#c8d8e86b 0%,#0000 100%),radial-gradient(2px 30px at 50% 38%,#c8d8e86b 0%,#0000 100%),radial-gradient(4px 4px at 96% 44%,#fff 0%,#0000 100%),radial-gradient(28px 2px at 96% 44%,#ffffff73 0%,#0000 100%),radial-gradient(2px 28px at 96% 44%,#ffffff73 0%,#0000 100%),radial-gradient(6px 6px at 18% 69%,#fff 0%,#0000 100%),radial-gradient(34px 2px at 18% 69%,#fff6 0%,#0000 100%),radial-gradient(2px 34px at 18% 69%,#fff6 0%,#0000 100%),radial-gradient(4px 4px at 63% 82%,#c8d8e8f2 0%,#0000 100%),radial-gradient(24px 2px at 63% 82%,#c8d8e86b 0%,#0000 100%),radial-gradient(2px 24px at 63% 82%,#c8d8e86b 0%,#0000 100%),radial-gradient(5px 5px at 88% 76%,#fff 0%,#0000 100%),radial-gradient(30px 2px at 88% 76%,#ffffff6b 0%,#0000 100%),radial-gradient(2px 30px at 88% 76%,#ffffff6b 0%,#0000 100%);position:fixed;inset:0}#root{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}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:linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);color:var(--midnight);box-shadow:0 2px 12px #c9923c59}.btn-gold:hover{background:linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 100%);box-shadow:0 4px 18px #c9923c80}.btn-outline{border:1.5px solid var(--gold);color:var(--gold);background:0 0}.btn-outline:hover{background:#c9923c1f}.card{background:var(--midnight-mid);border-radius:var(--radius);border:1px solid #c8d8e82e;overflow:hidden;box-shadow:0 1px 8px #0006,inset 0 1px #c8d8e812}.page{padding:24px 20px calc(var(--nav-height) + 24px);flex:1;width:100%;max-width:680px;margin:0 auto}.page-title{color:var(--gold);text-shadow:0 0 20px #c9923c59;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), var(--gold), var(--gold-dim), transparent);height:1px;margin:24px 0;box-shadow:0 0 6px #c9923c66}.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-light);background:#c9923c26;border:1px solid #c9923c59}.badge-steel{color:var(--steel);background:#a0bce01a;border:1px solid #a0bce038}.badge-silver{color:var(--silver);background:#c8d8e81a;border:1px solid #c8d8e847}
