:root{--font-primary:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", sans-serif;--bg-base:#030303;--bg-surface:#0a0a0c;--bg-surface-glow:#121217;--color-primary:#8b5cf6;--color-primary-rgb:139, 92, 246;--color-secondary:#06b6d4;--color-secondary-rgb:6, 182, 212;--color-accent:#f43f5e;--color-accent-rgb:244, 63, 94;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#ffffff12;--border-color-glow:#8b5cf640;--glow-primary:0 0 30px #8b5cf633;--glow-secondary:0 0 30px #06b6d433}*{box-sizing:border-box;scrollbar-width:auto;scrollbar-color:var(--color-primary) var(--bg-base);margin:0;padding:0}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-base);border-left:1px solid #ffffff08}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--color-primary) 0%, var(--color-secondary) 100%);border:3px solid var(--bg-base);border-radius:100px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#9d76fa 0%,#22d3ee 100%)}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:.4;filter:drop-shadow(0 0 15px #8b5cf64d)}50%{opacity:.8;filter:drop-shadow(0 0 30px #8b5cf699)}}@keyframes grid-move{0%{transform:translateY(0)}to{transform:translateY(40px)}}.bg-grid-animate{pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:top;background-size:40px 40px;animation:20s linear infinite grid-move;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 50% at 50% 0,#000 70%,#0000 100%);mask-image:radial-gradient(60% 50% at 50% 0,#000 70%,#0000 100%)}.glowing-blob{filter:blur(120px);opacity:.3;pointer-events:none;z-index:0;border-radius:50%;position:absolute}.blob-primary{background:radial-gradient(circle, var(--color-primary) 0%, transparent 70%);width:600px;height:600px}.blob-secondary{background:radial-gradient(circle, var(--color-secondary) 0%, transparent 70%);width:500px;height:500px}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);background:#0a0a0cb3;border-radius:16px;transition:border-color .3s,box-shadow .3s}.glass-panel:hover{border-color:#8b5cf633;box-shadow:0 10px 30px -10px #000000b3,0 0 20px -5px #8b5cf61a}.glass-card-interactive{-webkit-backdrop-filter:blur(16px);box-sizing:border-box;background:linear-gradient(135deg,#0f0f14b3 0%,#0a0a0ccc 100%);border:1px solid #ffffff0d;border-radius:20px;width:100%;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.glass-card-interactive:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000,#ffffff05,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}@media (hover:hover){.glass-card-interactive:hover{border-color:#06b6d44d;transform:translateY(-5px);box-shadow:0 20px 40px -15px #000c,0 0 25px #06b6d414}.glass-card-interactive:hover:before{transform:translate(100%)}}.text-gradient{background:linear-gradient(135deg,#fff 30%,#a78bfa 70%,#22d3ee 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-cyan{background:linear-gradient(135deg,#22d3ee 0%,#06b6d4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-purple{background:linear-gradient(135deg,#c084fc 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-glowing{font-family:var(--font-display);color:#fff;background:linear-gradient(135deg, var(--color-primary) 0%, #7c3aed 100%);cursor:pointer;z-index:1;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:12px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #8b5cf64d}.btn-glowing:after{content:"";background:linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%);opacity:0;z-index:-1;border-radius:9999px;transition:opacity .3s;position:absolute;inset:0}.btn-glowing:hover{transform:scale(1.02);box-shadow:0 8px 30px #8b5cf680,0 0 15px #06b6d44d}.btn-glowing:hover:after{opacity:1}.btn-glowing-secondary{font-family:var(--font-display);color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:9999px;justify-content:center;align-items:center;padding:12px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.btn-glowing-secondary:hover{background:#ffffff0f;border-color:#fff3;box-shadow:0 0 20px #ffffff0d}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}.flex-center{justify-content:center;align-items:center;display:flex}.spotlight-grid{gap:24px;display:grid}.spotlight-card{background:#0a0a0cd9;border:1px solid #ffffff0d;border-radius:20px;padding:32px;transition:border-color .3s;position:relative;overflow:hidden}.spotlight-glow{pointer-events:none;opacity:0;z-index:1;background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);border-radius:50%;width:300px;height:300px;transition:opacity .5s;position:absolute;transform:translate(-50%,-50%)}.spotlight-card:hover .spotlight-glow{opacity:1}.custom-range-slider{-webkit-appearance:none;background:#ffffff1a;border-radius:9999px;outline:none;width:100%;height:6px;transition:background .3s}.custom-range-slider::-webkit-slider-thumb{appearance:none;background:var(--color-secondary);width:20px;height:20px;box-shadow:0 0 10px var(--color-secondary), 0 0 20px #06b6d480;cursor:pointer;border-radius:50%;transition:transform .1s}.custom-range-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.custom-range-slider::-moz-range-thumb{background:var(--color-secondary);width:20px;height:20px;box-shadow:0 0 10px var(--color-secondary), 0 0 20px #06b6d480;cursor:pointer;border:none;border-radius:50%;transition:transform .1s}.custom-range-slider::-moz-range-thumb:hover{transform:scale(1.2)}