:root{--color-bg-primary: #0a0a1a;--color-bg-secondary: #12122a;--color-bg-card: #1a1a3e;--color-bg-card-hover: #222255;--color-gold: #d4af37;--color-gold-light: #f0d060;--color-gold-dark: #b8941f;--color-purple: #8b5cf6;--color-purple-light: #a78bfa;--color-purple-dark: #6d28d9;--color-purple-glow: rgba(139, 92, 246, .3);--color-text-primary: #e8e8f0;--color-text-secondary: #a0a0c0;--color-text-muted: #6060a0;--color-border: rgba(212, 175, 55, .2);--color-border-active: rgba(212, 175, 55, .5);--font-display: "Cinzel", "Noto Serif SC", serif;--font-body: "Noto Sans SC", sans-serif;--card-width: 120px;--card-height: 200px;--card-radius: 12px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .6s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:var(--color-gold);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-gold-light)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-purple-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-purple)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-gold{color:var(--color-gold)}.text-purple{color:var(--color-purple-light)}.text-muted{color:var(--color-text-muted)}.starry-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 20% 50%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(212,175,55,.05) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(139,92,246,.06) 0%,transparent 50%),var(--color-bg-primary)}.starry-bg:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 5% 15%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 15% 5%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 20% 70%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 25% 35%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 30% 60%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 35% 85%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 40% 10%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 45% 75%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 50% 25%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 55% 90%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 60% 50%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 65% 30%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 70% 40%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 75% 65%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 80% 55%,rgba(212,175,55,.4),transparent),radial-gradient(1px 1px at 85% 15%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 90% 80%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 95% 45%,rgba(139,92,246,.4),transparent),radial-gradient(1.5px 1.5px at 50% 10%,rgba(255,255,255,.5),transparent);animation:twinkle 4s ease-in-out infinite alternate}.starry-bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 12% 42%,rgba(212,175,55,.7),transparent),radial-gradient(2px 2px at 38% 18%,rgba(255,255,255,.8),transparent),radial-gradient(1.5px 1.5px at 62% 72%,rgba(139,92,246,.6),transparent),radial-gradient(2px 2px at 78% 28%,rgba(212,175,55,.6),transparent),radial-gradient(1.5px 1.5px at 88% 58%,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 28% 88%,rgba(139,92,246,.5),transparent),radial-gradient(1.5px 1.5px at 52% 48%,rgba(212,175,55,.5),transparent),radial-gradient(2px 2px at 8% 68%,rgba(255,255,255,.6),transparent);animation:twinkle 6s ease-in-out 1s infinite alternate}@keyframes twinkle{0%{opacity:.4}50%{opacity:.8}to{opacity:1}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 32px;border:1px solid var(--color-gold);border-radius:8px;background:transparent;color:var(--color-gold);font-family:var(--font-display);font-size:1rem;cursor:pointer;transition:all var(--transition-normal);letter-spacing:.05em}.btn:hover{background:#d4af371a;border-color:var(--color-gold-light);color:var(--color-gold-light);box-shadow:0 0 20px #d4af3726}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--color-gold-dark),var(--color-gold));color:var(--color-bg-primary);border:none;font-weight:600}.btn-primary:hover{background:linear-gradient(135deg,var(--color-gold),var(--color-gold-light));color:var(--color-bg-primary);box-shadow:0 0 30px #d4af3740}.btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){:root{--card-width: 90px;--card-height: 150px}.container{padding:0 16px}}