:root{--bg-darker:#06070a;--bg-dark:#0a0b10;--bg-card:#10121ba6;--bg-card-hover:#161926d9;--border-color:#ffffff0f;--border-color-hover:#ffffff1f;--color-violet:#8b5cf6;--color-indigo:#6366f1;--color-cyan:#06b6d4;--color-emerald:#10b981;--color-rose:#f43f5e;--color-amber:#f59e0b;--gradient-primary:linear-gradient(135deg, var(--color-violet) 0%, var(--color-indigo) 100%);--gradient-neon:linear-gradient(90deg, #7c3aed 0%, #3b82f6 50%, #06b6d4 100%);--gradient-glow:radial-gradient(circle, #7c3aed26 0%, #06b6d40d 50%, #0000 100%);--gradient-text:linear-gradient(135deg, #fff 30%, #a78bfa 100%);--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--sans-font:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--heading-font:"Outfit", system-ui, -apple-system, sans-serif;--max-width:1280px;--shadow-premium:0 20px 40px -15px #000000b3;--shadow-cyan:0 10px 30px -10px #06b6d44d;--shadow-violet:0 10px 30px -10px #7c3aed4d;--glass-blur:blur(16px)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-darker);width:100%;color:var(--text-primary);font-family:var(--sans-font);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;overflow-x:hidden}body{position:relative}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#6366f114 0%,#06b6d408 50%,#0000 100%);width:80%;height:600px;position:absolute;top:0;left:10%}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#7c3aed0f 0%,#f43f5e05 60%,#0000 100%);width:60%;height:800px;position:absolute;top:1200px;right:-10%}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);letter-spacing:-.02em;font-weight:700;line-height:1.15}p{color:var(--text-secondary);line-height:1.6}a{color:inherit;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);box-shadow:var(--shadow-premium);border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:var(--border-color-hover);background:var(--bg-card-hover);transform:translateY(-4px)}.gradient-text{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-neon-text{background:var(--gradient-neon);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{font-family:var(--heading-font);background:var(--gradient-primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-violet);border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #7c3aed80}.btn-primary:active{transform:translateY(0)}.btn-secondary{font-family:var(--heading-font);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#ffffff0d;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-indigo)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}.floating-element{animation:6s ease-in-out infinite float}.pulse-glow-element{animation:3s ease-in-out infinite pulse-glow}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}section{z-index:1;padding:100px 0;position:relative}@media (width<=768px){section{padding:60px 0}}