@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Montserrat:wght@300;400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--color-bg-dark: #050209;--color-bg-card: #0f071a;--color-purple-primary: #581c87;--color-purple-dark: #2e0854;--color-purple-light: #8b5cf6;--color-gold-accent: #f59e0b;--color-gold-light: #fbbf24;--color-gold-dark: #b45309;--font-headings: "Cinzel", serif;--font-body: "Montserrat", sans-serif}html{scroll-behavior:smooth;background-color:var(--color-bg-dark);color:#f3f4f6;font-family:var(--font-body);overflow-x:hidden}body{background-color:var(--color-bg-dark);background-image:radial-gradient(circle at 10% 20%,rgba(88,28,135,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(245,158,11,.03) 0%,transparent 60%);background-attachment:fixed}.font-headings{font-family:var(--font-headings)}.font-body{font-family:var(--font-body)}.grad-purple-gold{background:linear-gradient(135deg,#8b5cf6,#d97706)}.grad-dark-purple{background:linear-gradient(180deg,#050209cc,#0f071af2)}.grad-gold-text{background:linear-gradient(to right,#ffe596,#fbbf24 30%,#d97706 70%,#ffebaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.grad-purple-text{background:linear-gradient(to right,#c084fc,#8b5cf6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-gold{box-shadow:0 0 20px #f59e0b26;border:1px solid rgba(245,158,11,.3)}.glow-gold:hover{box-shadow:0 0 25px #f59e0b59;border-color:#f59e0b99;transition:all .4s ease-in-out}.glow-purple{box-shadow:0 0 20px #8b5cf626;border:1px solid rgba(139,92,246,.2)}.glow-purple:hover{box-shadow:0 0 25px #8b5cf659;border-color:#8b5cf680;transition:all .4s ease-in-out}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(-2deg)}}@keyframes pulse-glow{0%,to{opacity:.3;filter:blur(8px)}50%{opacity:.6;filter:blur(12px)}}@keyframes lightning{0%,94%,96%,98%,to{opacity:0}95%,97%{opacity:.45}}@keyframes screen-shake{0%,to{transform:translate(0) rotate(0)}94.5%{transform:translate(2px,1px) rotate(.5deg)}95%{transform:translate(-3px,-2px) rotate(-1deg)}95.5%{transform:translate(3px,2px) rotate(1deg)}96%{transform:translate(-1px,2px) rotate(-.5deg)}96.5%{transform:translate(1px,-2px) rotate(0)}97%{transform:translate(0) rotate(0)}}@keyframes sound-wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes glow-pulse-text{0%,to{text-shadow:0 0 10px rgba(245,158,11,.2),0 0 20px rgba(245,158,11,.1)}50%{text-shadow:0 0 20px rgba(245,158,11,.6),0 0 40px rgba(245,158,11,.3)}}.animate-float{animation:float 4s ease-in-out infinite}.animate-float-slow{animation:float-slow 7s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.lightning-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;mix-blend-mode:overlay;opacity:0;pointer-events:none;animation:lightning 10s infinite;z-index:1}.lightning-shake-active{animation:screen-shake 10s infinite}.btn-gold-shimmer{position:relative;overflow:hidden;background:linear-gradient(135deg,#d97706,#f59e0b,#b45309);color:#050209;font-weight:700;transition:all .3s ease}.btn-gold-shimmer:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0 60%);transform:rotate(30deg);transition:all .7s ease;opacity:0}.btn-gold-shimmer:hover:after{left:120%;opacity:1}.btn-gold-shimmer:hover{transform:scale(1.03);box-shadow:0 0 20px #f59e0b73}.reveal{opacity:0;transform:translateY(40px);transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1)}.reveal-left{opacity:0;transform:translate(-40px);transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1)}.reveal-right{opacity:0;transform:translate(40px);transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1)}.reveal.active,.reveal-left.active,.reveal-right.active{opacity:1;transform:translate(0)}.roadmap-line{background:linear-gradient(to bottom,#d97706,#581c87,#050209)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#050209}::-webkit-scrollbar-thumb{background:#2e0854;border:2px solid #050209;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#581c87}.glass{background:#0f071ab3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}.glass-nav{background:#050209d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07)}.glass-card-purple{background:linear-gradient(135deg,#581c871a,#0f071acc);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.15)}.glass-card-gold{background:linear-gradient(135deg,#d977060d,#0f071acc);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(245,158,11,.15)}.perspective-1000{perspective:1000px}.tilt-card{transform-style:preserve-3d;transition:transform .15s ease-out,box-shadow .3s ease}.tilt-card-inner{transform:translateZ(30px)}.wave-bar{display:inline-block;width:3px;height:15px;background-color:var(--color-gold-accent);margin:0 1px;transform-origin:bottom;animation:sound-wave 1s ease-in-out infinite}.wave-bar:nth-child(2){animation-delay:.15s}.wave-bar:nth-child(3){animation-delay:.3s}.wave-bar:nth-child(4){animation-delay:.45s}.chapter-dot{position:relative;transition:all .3s ease}.chapter-dot:after{content:attr(data-label);position:absolute;right:28px;top:50%;transform:translateY(-50%) translate(10px);background:#0f071ae6;color:#fbbf24;border:1px solid rgba(245,158,11,.3);font-family:var(--font-headings);font-size:10px;font-weight:700;letter-spacing:1px;padding:4px 10px;border-radius:4px;opacity:0;pointer-events:none;white-space:nowrap;transition:all .3s cubic-bezier(.16,1,.3,1)}.chapter-dot:hover:after{opacity:1;transform:translateY(-50%) translate(0)}.glow-pulse-text{animation:glow-pulse-text 3s ease-in-out infinite}