@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--color-bg-base:#0a0a0a;--color-bg-elevated:#1c1c1c;--color-accent-primary:#ff1f2e;--color-accent-secondary:#ffe433;--color-accent-tertiary:#ff5a1f;--color-gold:#eab308;--color-text-primary:#f7f8f9;--color-text-secondary:#a1a1aa;--font-primary:"Inter", sans-serif;--font-secondary:"Inter", sans-serif;--gradient-glow:linear-gradient(135deg, var(--color-accent-primary) 0%, var(--color-accent-tertiary) 50%, var(--color-accent-secondary) 100%);--radius-sm:4px;--radius-md:8px;--radius-lg:12px}*{box-sizing:border-box}body{background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);letter-spacing:-.03em;margin:0;font-weight:700}a{color:var(--color-accent-primary);text-decoration:none;transition:all .3s}a:hover{text-shadow:0 0 10px #ff1f2e80}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.page-wrapper{min-height:calc(100vh - 80px);margin-top:80px;animation:.8s ease-in-out forwards pageFadeIn}.text-gradient{background:var(--gradient-glow);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite holographicShift}@keyframes holographicShift{to{background-position:200%}}.text-muted{color:var(--color-text-secondary)}.glass-panel{-webkit-backdrop-filter:blur(32px);border-radius:var(--radius-md);background:#ffffff03;border:1px solid #ffffff0a;padding:2.5rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-color .4s;box-shadow:0 20px 40px #000c}@keyframes audioWaveform{0%{opacity:.6;transform:scaleY(1)}50%{opacity:1;filter:drop-shadow(0 0 15px var(--color-accent-primary));transform:scaleY(1.8)}to{opacity:.6;transform:scaleY(1)}}.animate-waveform{transform-origin:bottom;animation:1.2s ease-in-out infinite audioWaveform}@keyframes extremeFloat{0%{transform:translateY(0)rotateX(0)rotateY(0)}25%{transform:translateY(-15px)rotateX(5deg)rotateY(5deg)}50%{transform:translateY(0)rotateX(0)rotateY(10deg)}75%{transform:translateY(15px)rotateX(-5deg)rotateY(-5deg)}to{transform:translateY(0)rotateX(0)rotateY(0)}}.animate-extreme-float{transform-style:preserve-3d;perspective:1000px;animation:8s ease-in-out infinite extremeFloat}.glass-panel:hover{border-color:#ffe43366;transform:translateY(-8px)scale(1.02)}.btn-primary{background:var(--gradient-glow);color:#fff;border-radius:var(--radius-md);font-family:var(--font-primary);cursor:pointer;background-size:200%;border:none;padding:14px 32px;font-size:1rem;font-weight:500;transition:all .4s;display:inline-block;box-shadow:0 10px 25px #ff1f2e33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 35px #ffe43366}.btn-outline{color:var(--color-text-primary);border-radius:var(--radius-md);font-family:var(--font-primary);background:#ffffff08;border:1px solid #ff1f2e33;padding:14px 32px;font-size:1rem;font-weight:500;transition:all .3s;display:inline-block}.desktop-link{font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;color:var(--color-accent-secondary)!important}.desktop-link:hover{text-shadow:0 0 15px #ffe43399}@media (max-width:767px){.desktop-nav{display:none!important}.mobile-menu-btn{display:flex!important}}@media (min-width:768px){.mobile-menu-btn,.mobile-overlay{display:none!important}.desktop-nav{align-items:center;gap:30px;display:flex!important}}.btn-outline:hover{color:var(--color-text-primary);text-shadow:none;background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.tech-grid-bg{z-index:-1;pointer-events:none;background-image:linear-gradient(#ff1f2e0d 1px,#0000 1px),linear-gradient(90deg,#ffe4330d 1px,#0000 1px);background-position:50%;background-size:50px 50px;width:100vw;height:100vh;animation:20s linear infinite gridFloat;position:fixed;top:0;left:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 80%);mask-image:radial-gradient(circle,#000 0%,#0000 80%)}@keyframes gridFloat{0%{background-position:0 0}to{background-position:50px 50px}}.particle{background:var(--color-accent-secondary);width:2px;height:2px;box-shadow:0 0 10px var(--color-accent-secondary);border-radius:50%;animation:15s linear infinite floatUp;position:absolute}@keyframes floatUp{0%{opacity:0;transform:translateY(100vh)scale(0)}20%{opacity:.8}80%{opacity:.8}to{opacity:0;transform:translateY(-10vh)scale(1.5)}}.page-wrapper{min-height:calc(100vh - 80px);margin-top:80px}.hero-section{align-items:center;min-height:calc(100vh - 80px);padding:6rem 0;display:flex;position:relative}.hero-content{z-index:2;max-width:850px;position:relative}.hero-title{margin-bottom:1.5rem;font-size:5rem;font-weight:700;line-height:1.05}.hero-subtitle{color:#fff;text-shadow:0 2px 10px #000c;max-width:600px;margin-bottom:3rem;font-size:1.35rem;font-weight:600}.button-group{align-items:center;gap:1.5rem;display:flex}.section-padding{padding:8rem 0}.section-title{text-align:center;margin-bottom:1rem;font-size:3rem}.section-subtitle{text-align:center;color:var(--color-text-secondary);max-width:600px;margin:0 auto 4rem;font-size:1.2rem}.grid-2{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:2.5rem;display:grid}.feature-icon{width:60px;height:60px;color:var(--color-accent-primary);background:#8b5cf61a;border-radius:15px;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.glass-panel h3{margin-bottom:1rem;font-size:1.5rem}.glass-panel p{color:var(--color-text-secondary);font-size:1rem;line-height:1.6}.mobile-mockup{background:var(--color-bg-base);aspect-ratio:9/19;border:8px solid #1f1f22;border-radius:40px;width:100%;max-width:350px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.mockup-glow{z-index:0;pointer-events:none;background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.xai-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;z-index:100;background:#0a0a0ad9;border-top:1px solid #ffffff0d;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px 0;display:flex;position:fixed;bottom:0;left:0}.xai-banner span{font-family:var(--font-primary);color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.xai-banner strong{background:var(--gradient-glow);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animated-bg{background:linear-gradient(-45deg,#050505,#0f0f11,#1a1025,#0a192f) 0 0/400% 400%;animation:15s infinite gradientShift}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}@keyframes shimmerGlow{0%{text-shadow:0 0 10px #8b5cf633}50%{text-shadow:0 0 25px #8b5cf699}to{text-shadow:0 0 10px #8b5cf633}}.text-shimmer{animation:3s infinite alternate shimmerGlow}.glass-panel-3d{-webkit-backdrop-filter:blur(20px);transform-style:preserve-3d;perspective:1000px;background:#ffffff05 padding-box padding-box;border:1px solid #0000;border-radius:20px;padding:2.5rem;transition:transform .5s cubic-bezier(.25,1,.5,1),box-shadow .5s;position:relative;box-shadow:inset 0 0 20px #ffffff05,0 20px 40px #00000080}.glass-panel-3d:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#fff3 0%,#fff0 100%);border-radius:20px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-panel-3d:hover{transform:translateY(-10px)rotateX(5deg)rotateY(-5deg);box-shadow:inset 0 0 20px #ffffff0d,0 30px 50px #8b5cf633}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(5deg)}to{transform:translateY(0)rotate(0)}}.floating-orb{filter:blur(60px);z-index:0;pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}@keyframes radarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-scanner{transform-origin:0 0;pointer-events:none;z-index:0;background:conic-gradient(#0000 70%,#8b5cf666 100%);border-radius:50%;width:200%;height:200%;animation:4s linear infinite radarSweep;position:absolute;top:50%;left:50%}@keyframes metricPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;color:var(--color-accent-primary);transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.metric-pulse{animation:3s ease-in-out infinite metricPulse;display:inline-block}.btn-primary,.btn-outline{position:relative;overflow:hidden}.btn-primary:after,.btn-outline:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#fff3 0%,#0000 60%);width:200%;height:200%;transition:opacity .3s;position:absolute;top:-50%;left:-50%;transform:translate(0)}.btn-primary:hover:after,.btn-outline:hover:after{opacity:1}@keyframes feedScroll{0%{transform:translateY(0)}20%{transform:translateY(0)}25%{transform:translateY(-30%)}45%{transform:translateY(-30%)}50%{transform:translateY(-60%)}70%{transform:translateY(-60%)}75%{transform:translateY(0)}to{transform:translateY(0)}}.feed-animated-container{animation:15s ease-in-out infinite feedScroll}.input-glow:focus{box-shadow:0 0 15px #8b5cf680!important}@media (max-width:768px){.container{padding:0 1rem}.section-padding{padding:4rem 0!important}.hero-title{font-size:2.5rem!important}.hero-subtitle{margin-bottom:2rem!important;font-size:1rem!important}.section-title{font-size:2rem!important}.section-subtitle{margin-bottom:2rem!important;font-size:1rem!important}.grid-2{grid-template-columns:1fr!important;gap:2rem!important}.grid-3{grid-template-columns:1fr!important;gap:1.5rem!important}.glass-panel,.glass-panel-3d{padding:1.5rem!important}.feature-icon{width:50px!important;height:50px!important;margin-bottom:1rem!important}.mobile-mockup{max-width:280px!important;height:480px!important}.hero-section{height:auto!important;min-height:auto!important;padding:4rem 0!important}.button-group{flex-direction:column;gap:1rem;width:100%}.btn-primary,.btn-outline{text-align:center;width:100%}h1{font-size:2.2rem!important;line-height:1.2!important}h2{font-size:1.8rem!important;line-height:1.3!important}p{font-size:.95rem!important;line-height:1.5!important}.grid-2>div{text-align:center;flex-direction:column;align-items:center;display:flex}.bento-grid-home{grid-template-columns:1fr!important}.bento-grid-home>div{grid-area:span 1/span 1!important}}@keyframes golddPulse{0%,to{box-shadow:0 0 20px #ffe4334d,0 0 40px #ffe4331a}50%{box-shadow:0 0 40px #ffe43399,0 0 80px #ffe4334d}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes borderGlow{0%,to{border-color:#ffe43333}50%{border-color:#ffe433b3}}@keyframes particleFloat{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-120px)rotate(360deg)}}@keyframes hexPulse{0%,to{opacity:.6;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(10deg)}}@keyframes progressFill{0%{width:0}to{width:var(--target-width)}}@keyframes holoBorder{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.goldd-glow-card{background:#ffe4330a;border:1px solid #ffe43326;border-radius:20px;transition:transform .3s,box-shadow .3s;animation:3s ease-in-out infinite borderGlow;position:relative;overflow:hidden}.goldd-glow-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 0,#ffe43314 0%,#0000 60%);position:absolute;inset:0}.goldd-glow-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px #ffe43333}.goldd-stat-card{text-align:center;background:linear-gradient(135deg,#ffe4331a 0%,#070a14e6 100%);border:1px solid #ffe43333;border-radius:16px;padding:32px;transition:transform .3s;animation:4s ease-in-out infinite golddPulse}.goldd-stat-card:hover{transform:scale(1.03)}.goldd-hex-icon{background:linear-gradient(135deg,#ffe43333,#ffe4330d);border:1px solid #ffe4334d;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;animation:4s ease-in-out infinite hexPulse;display:flex}.goldd-progress-bar{background:#ffffff14;border-radius:5px;height:10px;position:relative;overflow:hidden}.goldd-progress-fill{border-radius:5px;height:100%;transition:width 1.5s cubic-bezier(.4,0,.2,1);position:relative}.goldd-progress-fill:after{content:"";filter:blur(4px);background:#fff6;border-radius:5px;width:20px;height:100%;position:absolute;top:0;right:0}.protocol-step{background:#ffffff05;border-radius:20px;padding:36px;transition:all .4s;position:relative;overflow:hidden}.protocol-step:after{content:"";opacity:0;background:radial-gradient(circle,#ffe4330f 0%,#0000 70%);transition:opacity .4s;position:absolute;inset:0}.protocol-step:hover:after{opacity:1}.protocol-step:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0006}.step-number{letter-spacing:-3px;background:linear-gradient(#ffe433cc 0%,#ffe4331a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:5rem;font-weight:900;line-height:1}.pillar-row{border-radius:12px;transition:background .35s}.pillar-row.gold:hover{background:#ffe4330d}.pillar-row.red:hover{background:#ff1f2e0d}.pillar-row.purple:hover{background:#a78bfa0d}.pillar-row.blue:hover{background:#3b82f60d}@media (max-width:768px){html,body{overflow-x:hidden!important}.container{padding:0 1.25rem!important}.section-padding{padding:3.5rem 0!important}.desktop-nav{display:none!important}.mobile-menu-btn{display:flex!important}h1{letter-spacing:-.5px!important;font-size:2.2rem!important;line-height:1.15!important}h2{font-size:1.75rem!important;line-height:1.25!important}h3{font-size:1.2rem!important}p{font-size:.95rem!important;line-height:1.6!important}.hero-title{letter-spacing:-.5px!important;font-size:2.2rem!important;line-height:1.15!important}.hero-subtitle{margin-bottom:2rem!important;font-size:1rem!important}.button-group{flex-direction:column!important;align-items:stretch!important;gap:1rem!important;width:100%!important}.btn-primary,.btn-outline{text-align:center!important;width:100%!important;padding:14px 24px!important;font-size:1rem!important}.magnetic-btn{text-align:center!important;width:100%!important}.grid-2,.grid-3{grid-template-columns:1fr!important;gap:1.25rem!important}.grid-2>div{text-align:left!important;flex-direction:column!important;align-items:flex-start!important;display:flex!important}.glass-panel,.glass-panel-3d{padding:1.5rem!important}.glass-panel-3d:hover{transform:none!important}.feature-icon{width:44px!important;height:44px!important;margin-bottom:1rem!important}.hero-section{align-items:flex-start!important;height:auto!important;min-height:auto!important;padding:4rem 1.25rem!important}.hero-content{text-align:left!important;padding:0!important}.bento-grid-home{grid-template-columns:1fr!important;gap:1rem!important}.bento-grid-home>div{grid-area:span 1/span 1!important}.floating-orb{display:none!important}}@media (min-width:768px){.mobile-menu-btn,.mobile-overlay{display:none!important}.desktop-nav{align-items:center;gap:30px;display:flex!important}}@media (max-width:480px){h1,.hero-title{font-size:1.8rem!important;line-height:1.2!important}h2{font-size:1.5rem!important}.container{padding:0 1rem!important}.btn-primary,.btn-outline{padding:13px 20px!important;font-size:.95rem!important}}@media (max-width:768px){.rewards-hero-stats{flex-wrap:wrap!important;justify-content:flex-start!important;gap:20px!important}.rewards-hero-stats>div{min-width:80px}.pillar-row{grid-template-columns:1fr!important;gap:16px!important;padding:28px 16px!important}.pillar-row>div:nth-child(2){display:none!important}.protocol-steps-grid{grid-template-columns:1fr!important;gap:16px!important}.protocol-connector{display:none!important}.allocation-row{grid-template-columns:1fr auto!important;gap:12px!important}.allocation-label{font-size:.8rem!important}.allocation-amount{display:none!important}.earning-mechanics-grid{grid-template-columns:1fr 1fr!important;gap:12px!important}.cta-button-row{flex-direction:column!important;align-items:stretch!important}.cta-button-row a{text-align:center!important;width:100%!important}.allocation-footer-strip{flex-wrap:wrap!important;justify-content:flex-start!important;gap:16px!important}.venue-dashboard-topbar{padding:14px 16px!important}.venue-metrics-grid,.venues-bento-grid,.venues-intel-grid,.venues-secondary-grid{grid-template-columns:1fr!important}.venues-bento-grid>div{grid-row:span 1!important}.venues-hero{margin-bottom:3rem!important;padding:0 1.25rem!important}.about-partner-card{padding:2rem 1.5rem!important}.about-partner-card h2{font-size:1.6rem!important}.about-wrapper{background-size:100% 300px!important;padding-top:2rem!important}}@media (min-width:481px) and (max-width:768px){.earning-mechanics-grid,.grid-3{grid-template-columns:1fr 1fr!important}}@media (max-width:768px){img,video,canvas,iframe{max-width:100%!important;height:auto!important}.ticker-wrapper{width:100%!important;overflow:hidden!important}a,button{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.venue-bar-chart{height:24px!important}}