:root{--color-accent-gold:#ffc24d;--color-accent-light:#ffd98c;--color-accent-deep:#f5a623;--color-on-accent:#231702;--color-primary:#ffc24d;--color-primary-light:#ffd98c;--color-primary-dark:#f5a623;--color-secondary:#2a2a35;--color-secondary-light:#383845;--color-success:#33d9a6;--color-warning:#ff7a3d;--color-glow:#7f67ff;--color-bg:#0c0c10;--color-bg-secondary:#131318;--color-bg-tertiary:#191921;--color-surface:#17171d;--color-surface-elevated:#22222b;--color-pack-card:#17171d;--color-pack-card-selected:#2a2a2f;--color-border:#ffffff14;--color-border-strong:#ffffff29;--color-border-gold:#ffc24d66;--color-text-primary:#f2f2f7;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--color-text-inverse:#0c0c10;--gradient-gold-cta:linear-gradient(90deg,#ffc24d 0%,#f5a623 100%);--gradient-hero-accent:linear-gradient(135deg,#ffd98c 0%,#ffc24d 100%);--gradient-primary:linear-gradient(135deg,#ffd98c 0%,#ffc24d 50%,#f5a623 100%);--gradient-card:linear-gradient(145deg,#1c1c24d9 0%,#131319bf 100%);--gradient-card-elevated:linear-gradient(145deg,#262630e6 0%,#181820d9 100%);--gradient-glass-border:linear-gradient(135deg,#ffffff59 0%,#ffffff0f 100%);--gradient-gold-border:linear-gradient(135deg,#ffd98ccc 0%,#f5a6234d 100%);--shadow-sm:0 2px 4px #00000040;--shadow-md:0 6px 16px #00000059;--shadow-lg:0 16px 36px #00000073;--shadow-xl:0 24px 60px #0009;--shadow-glow-gold:0 0 30px #ffc24d40;--shadow-card:0 4px 16px #0000004d,inset 0 1px 0 #ffffff14;--font-body:"Rubik",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Rubik",sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.4s cubic-bezier(.4,0,.2,1);--transition-spring:.5s cubic-bezier(.34,1.56,.64,1);--max-width:1240px;--nav-height:64px;--bottom-bar-height:72px}@media (max-width:640px){:root{--nav-height:56px;--bottom-bar-height:64px;--space-lg:16px;--space-xl:20px;--space-2xl:32px;--space-3xl:44px}}[data-theme=light]{--color-bg:#faf9f6;--color-bg-secondary:#f2efeb;--color-bg-tertiary:#e8e4dd;--color-surface:#fff;--color-surface-elevated:#f9f8f5;--color-pack-card:#fff;--color-pack-card-selected:#fff8eb;--color-border:#00000014;--color-border-strong:#00000029;--color-border-gold:#f5a62380;--color-text-primary:#1c1c22;--color-text-secondary:#5a5a66;--color-text-tertiary:#8c8c9a;--color-text-inverse:#fff;--gradient-card:linear-gradient(145deg,#ffffffe6 0%,#f5f5facc 100%);--shadow-card:0 4px 16px #0000000f,inset 0 1px 0 #fffc}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text-primary);background-image:radial-gradient(60% 40% at 50% -10%,#ffc24d14,#0000 70%),radial-gradient(40% 30% at 85% 60%,#7f67ff0a,#0000 60%);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,.btn,[role=button]{cursor:pointer;font-family:inherit;font-size:inherit;white-space:nowrap;background:0 0;border:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.25}.container{max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.glass{background:var(--gradient-card);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.glass-strong{background:var(--gradient-card-elevated);-webkit-backdrop-filter:blur(40px);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-lg)}.gold-gradient-text{background:var(--gradient-gold-cta);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-gold{background:var(--gradient-gold-cta);color:var(--color-on-accent);font-weight:700;font-family:var(--font-display);border-radius:var(--radius-full);transition:all var(--transition-base);justify-content:center;align-items:center;gap:8px;padding:12px 24px;display:inline-flex;box-shadow:0 4px 18px #ffc24d59}.btn-gold:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 8px 24px #ffc24d80}.btn-gold:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGold{0%,to{box-shadow:0 0 #ffc24d66}50%{box-shadow:0 0 0 10px #ffc24d00}}.animate-fade-in{animation:fadeIn .4s var(--transition-base)forwards}.animate-fade-in-up{animation:.5s cubic-bezier(.4,0,.2,1) forwards fadeInUp}.animate-slide-up{animation:.6s cubic-bezier(.4,0,.2,1) forwards slideUp}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}::selection{color:#fff;background:#ffc24d4d}:focus-visible{outline:2px solid var(--color-accent-gold);outline-offset:2px;border-radius:var(--radius-sm)}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary)25%,var(--color-surface-elevated)50%,var(--color-bg-tertiary)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}