:root{--color-bg-dark:#030303;--color-bg-darker:#000;--color-accent-pink:#ff1053;--glow-pink:#ff105399;--gold-gradient:linear-gradient(135deg, #ffdf73 0%, #c6a052 25%, #e8b923 50%, #c6a052 75%, #ffdf73 100%);--gold-shadow:#ffd70080;--gold-glow:0 0 15px #ffd70066, 0 0 30px #e8b92333;--silver-gradient:linear-gradient(135deg, #e0e0e0 0%, #fff 20%, #b0b0b0 50%, #fff 80%, #e0e0e0 100%);--diamond-shadow:0 0 10px #ffffffe6, 0 0 20px #c8f0ff99, 0 0 40px #ffffff4d;--color-text-main:#fafafa;--color-text-muted:#a0a0a0;--glass-bg:#0a0a0a99;--glass-border:#ffd70026;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-dark);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Outfit,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}body:before,body:after{content:"";z-index:-2;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}body:before{background:radial-gradient(circle at 20% 40%, #ff105326, transparent 50%), radial-gradient(circle at 80% 60%, #e8b92326, transparent 50%), radial-gradient(circle at 50% 10%, #ffffff0d, transparent 40%), var(--color-bg-darker);animation:15s ease-in-out infinite alternate bgPulse}body:after{opacity:.4;mix-blend-mode:color-dodge;z-index:-1;background-image:url(./bg-texture-rIX9HdA6.webp);background-repeat:repeat;background-size:600px;animation:80s linear infinite bgDrift}.diamond-dust{pointer-events:none;z-index:0;opacity:.6;background-image:radial-gradient(circle,#fff 1.5px,#0000 1.5px),radial-gradient(circle,#e8b923e6 2px,#0000 2px),radial-gradient(circle,#ff1053cc 2px,#0000 2px);background-position:0 0,40px 60px,130px 270px;background-size:350px 350px,250px 250px,200px 200px;width:100vw;height:100vh;animation:60s linear infinite diamondTwinkle;position:fixed;top:0;left:0}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;text-transform:uppercase;font-weight:800;line-height:1.1}h1{font-size:clamp(3rem,10vw,8rem)}h2{margin-bottom:2rem;font-size:clamp(2rem,5vw,4rem);display:inline-block;position:relative}h2.gold-text{background:var(--gold-gradient);-webkit-text-fill-color:transparent;text-shadow:0 0 30px var(--gold-shadow);-webkit-background-clip:text;background-clip:text}.gold-text{background:var(--gold-gradient);-webkit-text-fill-color:transparent;text-shadow:var(--gold-glow);-webkit-background-clip:text;background-clip:text}.silver-text{background:var(--silver-gradient);-webkit-text-fill-color:transparent;text-shadow:var(--diamond-shadow);-webkit-background-clip:text;background-clip:text}.pink-glow{text-shadow:0 0 20px var(--color-accent-pink), 0 0 40px var(--glow-pink)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);transition:all var(--transition-smooth);border-radius:20px;padding:2rem;box-shadow:0 15px 40px #000000e6,inset 0 2px 5px #ffffff0d}.glass-panel:hover{box-shadow:0 15px 40px #000000e6, 0 0 30px var(--glow-pink);border-color:#ff33664d;transform:translateY(-5px)}.btn-primary{text-transform:uppercase;color:#000;background:var(--gold-gradient);cursor:pointer;transition:all var(--transition-smooth);box-shadow:0 0 20px var(--gold-shadow);letter-spacing:2px;background-size:200%;border:none;border-radius:100px;padding:1.2rem 3rem;font-size:1rem;font-weight:800;text-decoration:none;display:inline-block}.btn-primary:hover{color:#000;background-position:100%;transform:translateY(-3px)scale(1.02);box-shadow:0 0 30px #e8b92399}.btn-outline{text-transform:uppercase;color:var(--color-text-main);border:1px solid var(--color-accent-pink);cursor:pointer;transition:all var(--transition-smooth);letter-spacing:2px;box-shadow:0 0 15px var(--glow-pink) inset;background:0 0;border-radius:100px;padding:1.2rem 3rem;font-size:1rem;font-weight:800;text-decoration:none;display:inline-block}.btn-outline:hover{background:var(--color-accent-pink);color:#fff;box-shadow:0 0 30px var(--glow-pink)}.container{width:100%;max-width:100%;margin:0 auto;padding:0 4rem}.section-padding{padding:8rem 0}@keyframes bgPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes bgDrift{0%{background-position:0 0}to{background-position:600px 600px}}@keyframes diamondTwinkle{0%{transform:translateY(0)}to{transform:translateY(-350px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes diamondSparkle{0%{filter:brightness()}50%{filter:brightness(1.5)drop-shadow(0 0 10px #fff)}to{filter:brightness()}}.animate-fade-in{animation:1s cubic-bezier(.16,1,.3,1) forwards fadeIn}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-darker)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-pink)}@media (width<=1024px){.container{padding:0 2rem}}@media (width<=768px){.container{padding:0 1.5rem}.section-padding{padding:4rem 0}h1{font-size:clamp(2.5rem,8vw,4rem)}h2{margin-bottom:1.5rem;font-size:clamp(1.8rem,6vw,2.5rem)}h3{font-size:clamp(1.2rem,5vw,1.8rem)}}@media (width<=480px){.container{padding:0 1rem}h1{font-size:clamp(2rem,10vw,3rem)}.btn-primary,.btn-outline{text-align:center;width:100%;margin-bottom:1rem;padding:1rem 1.5rem;font-size:.9rem}.glass-panel{padding:1.5rem}}@media (width<=900px),(hover:none) and (pointer:coarse){html body:before,html body:after,html .diamond-dust{animation:none!important}html body:after{mix-blend-mode:normal!important;opacity:.18!important}html *,html :before,html :after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-attachment:scroll!important}html .glass-panel{background:#0c0c0ee0!important}}section[id]{scroll-margin-top:125px}
