@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Space+Grotesk:wght@300;500;700&display=swap";
:root{--hue:260;--primary:hsl(var(--hue),85%,60%);--primary-glow:hsla(var(--hue),85%,60%,.4);--secondary:#eb47b4;--secondary-glow:#eb47b466;--accent:#0ff;--accent-glow:#0ff6;--background:hsl(var(--hue),50%,4%);--foreground:hsl(var(--hue),20%,98%);--surface:hsla(var(--hue),40%,8%,.6);--surface-border:hsla(var(--hue),20%,100%,.08);--glass:hsla(var(--hue),40%,6%,.7);--glass-border:hsla(var(--hue),20%,100%,.12);--glass-blur:blur(16px);--transition-slow:cubic-bezier(.4,0,.2,1);--transition-fast:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);max-width:100vw;color:var(--foreground);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.04em;font-family:Space Grotesk,sans-serif;font-weight:700;line-height:1.1}body:after{content:"";opacity:.05;pointer-events:none;z-index:9999;background:url(https://grainy-gradients.vercel.app/noise.svg);width:100%;height:100%;position:fixed;top:0;left:0}body:before{content:"";background:radial-gradient(circle at 10% 20%,hsla(var(--hue),80%,40%,.15),transparent 50%),radial-gradient(circle at 90% 80%,#b8148126,transparent 50%);pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}.glass{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.card-glass{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--surface-border);transition:all .4s var(--transition-fast)}.card-glass:hover{border-color:var(--primary-glow);box-shadow:0 20px 40px -20px var(--primary-glow);transform:translateY(-8px)scale(1.02)}.text-gradient{background:linear-gradient(135deg,#fff 30%,var(--primary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-glow{text-shadow:0 0 20px var(--primary-glow)}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;transition:all .3s var(--transition-fast);box-shadow:0 10px 20px -10px var(--primary-glow);border:none;border-radius:12px;padding:14px 36px;font-family:Space Grotesk,sans-serif;font-weight:600;position:relative;overflow:hidden}.btn-primary:hover{box-shadow:0 20px 30px -10px var(--primary-glow);filter:brightness(1.1);transform:translateY(-2px)}.btn-secondary{color:var(--foreground);border:1px solid var(--glass-border);cursor:pointer;transition:all .3s var(--transition-fast);background:0 0;border-radius:12px;padding:14px 36px;font-family:Space Grotesk,sans-serif;font-weight:600}.btn-secondary:hover{border-color:var(--foreground);background:#ffffff0d}.container{max-width:1190px;margin:0 auto;padding:0 2rem}.grid-trending{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;padding:2rem 0;display:grid}@media (max-width:768px){.grid-trending{grid-template-columns:1fr;gap:1.5rem;padding:1rem 0}.container{padding:0 1rem}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:6s ease-in-out infinite float}@keyframes scan{0%{top:-100%}to{top:100%}}.scan-line{background:linear-gradient(to right,transparent,var(--primary),transparent);opacity:.3;width:100%;height:2px;animation:3s linear infinite scan;position:absolute}.hero-grid{grid-template-rows:580px;grid-template-columns:repeat(4,1fr);gap:1.5rem;width:100%;display:grid}@media (max-width:1024px){.hero-grid{grid-template-rows:auto;grid-template-columns:1fr}}@media (max-width:640px){.hero-grid{grid-template-columns:1fr}}.hero-featured{grid-column:span 2;height:100%}@media (max-width:1024px){.hero-featured{grid-area:span 1/span 2;height:400px}}.hero-sidebar-wrapper{grid-column:span 2;grid-template-rows:1fr auto;gap:1rem;height:100%;display:grid}.hero-sidebar-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:1rem;min-height:0;display:grid}.hero-cta-footer{align-items:center;min-height:80px;display:flex}@media (max-width:640px){.hero-sidebar-grid{grid-template-rows:auto;grid-template-columns:1fr}}