:root{--color-bg-primary: #171941;--color-bg-secondary: #1f2251;--color-bg-card: #27293d;--color-bg-elevated: #2b3553;--color-accent-primary: #e14eca;--color-accent-secondary: #5e72e4;--color-accent-tertiary: #2bffc6;--color-accent-danger: #fd5d93;--color-text-primary: #ffffff;--color-text-secondary: #9a9a9a;--color-text-muted: #6c757d;--font-family-primary: "Poppins", "Segoe UI", system-ui, -apple-system, sans-serif;--font-family-display: "Poppins", "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.5rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .4285rem;--radius-md: .4285rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .2s ease;--transition-normal: .4s ease;--transition-slow: .6s ease;--header-height: 72px;--header-height-compact: 56px;--container-max-width: 1200px;--touch-target-min: 44px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(225, 78, 202, .4);--shadow-glow-blue: 0 0 20px rgba(94, 114, 228, .4);--shadow-glow-cyan: 0 0 20px rgba(43, 255, 198, .4);--shadow-glow-intense: 0 0 30px rgba(225, 78, 202, .6), 0 0 60px rgba(225, 78, 202, .3);--gradient-primary: linear-gradient(90deg, #e14eca 0%, #ba54f5 100%);--gradient-secondary: linear-gradient(90deg, #5e72e4 0%, #825ee4 100%);--gradient-tertiary: linear-gradient(90deg, #2bffc6 0%, #5e72e4 100%);--gradient-bg-animated: linear-gradient(135deg, #171941 0%, #1f2251 25%, #2d1b69 50%, #1f2251 75%, #171941 100%);--gradient-card-border: linear-gradient(135deg, rgba(225, 78, 202, .5), rgba(94, 114, 228, .5));--z-dropdown: 100;--z-sticky: 200;--z-header: 300;--z-overlay: 400;--z-modal: 500;--z-toast: 600}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0ms;--transition-normal: 0ms;--transition-slow: 0ms}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background-color:var(--color-bg-primary);color:var(--color-text-primary)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-5xl);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media(max-width:767px){h1{font-size:var(--font-size-3xl)}}h2{font-size:var(--font-size-4xl)}@media(max-width:767px){h2{font-size:var(--font-size-2xl)}}h3{font-size:var(--font-size-3xl)}@media(max-width:767px){h3{font-size:var(--font-size-xl)}}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes neonPulse{0%,to{box-shadow:0 0 5px #e14eca66,0 0 10px #e14eca33,0 0 20px #e14eca1a}50%{box-shadow:0 0 10px #e14eca99,0 0 20px #e14eca66,0 0 40px #e14eca33}}@keyframes neonPulseBlue{0%,to{box-shadow:0 0 5px #5e72e466,0 0 10px #5e72e433,0 0 20px #5e72e41a}50%{box-shadow:0 0 10px #5e72e499,0 0 20px #5e72e466,0 0 40px #5e72e433}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes floatParticle{0%,to{transform:translateY(0) translate(0);opacity:.6}25%{transform:translateY(-20px) translate(10px);opacity:1}50%{transform:translateY(-10px) translate(-5px);opacity:.8}75%{transform:translateY(-30px) translate(15px);opacity:.4}}@keyframes glowIntensify{0%{box-shadow:0 0 5px #e14eca4d}to{box-shadow:0 0 15px #e14eca99,0 0 30px #e14eca4d,0 0 45px #e14eca1a}}@keyframes borderGlow{0%,to{border-color:#e14eca4d}50%{border-color:#e14ecacc}}@keyframes float3D{0%{transform:translateY(0) rotateX(0) rotateY(0) rotate(0)}25%{transform:translateY(-15px) rotateX(5deg) rotateY(10deg) rotate(2deg)}50%{transform:translateY(-25px) rotateX(-3deg) rotateY(-5deg) rotate(-1deg)}75%{transform:translateY(-10px) rotateX(4deg) rotateY(8deg) rotate(3deg)}to{transform:translateY(0) rotateX(0) rotateY(0) rotate(0)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:1}}@keyframes textReveal{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0% 0 0);opacity:1}}@keyframes borderRotate{0%{--border-angle: 0deg}to{--border-angle: 360deg}}@keyframes tiltHover{0%{transform:perspective(1000px) rotateX(0) rotateY(0)}25%{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg)}50%{transform:perspective(1000px) rotateX(-1deg) rotateY(1deg)}75%{transform:perspective(1000px) rotateX(1deg) rotateY(-1deg)}to{transform:perspective(1000px) rotateX(0) rotateY(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes rayPulse{0%,to{opacity:.1;transform:scaleY(1) rotate(var(--ray-angle, 0deg))}50%{opacity:.3;transform:scaleY(1.2) rotate(var(--ray-angle, 0deg))}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes bounceDown{0%,20%,50%,80%,to{transform:translateY(0) translate(-50%)}40%{transform:translateY(10px) translate(-50%)}60%{transform:translateY(5px) translate(-50%)}}@keyframes glowPulseText{0%,to{text-shadow:0 0 10px rgba(225,78,202,.4),0 0 20px rgba(225,78,202,.2)}50%{text-shadow:0 0 20px rgba(225,78,202,.8),0 0 40px rgba(225,78,202,.4),0 0 60px rgba(225,78,202,.2)}}@keyframes orbFloat{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1}}@keyframes chipSpin{0%{transform:rotateY(0) rotateX(15deg)}to{transform:rotateY(360deg) rotateX(15deg)}}@keyframes headerGradientLine{0%{background-position:0% 50%}to{background-position:200% 50%}}.animate-fade-in{animation:fadeIn var(--transition-normal) both}.animate-fade-in-up{animation:fadeInUp var(--transition-normal) both}.animate-fade-in-down{animation:fadeInDown var(--transition-normal) both}.animate-scale-in{animation:scaleIn var(--transition-normal) both}.animate-slide-in-left{animation:slideInLeft var(--transition-normal) both}.animate-slide-in-right{animation:slideInRight var(--transition-normal) both}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-neon-pulse{animation:neonPulse 2s ease-in-out infinite}.animate-gradient-shift{animation:gradientShift 8s ease infinite;background-size:200% 200%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn-gradient{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.75rem;border:none;border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast);box-shadow:0 0 10px #e14eca4d}.btn-gradient:hover{box-shadow:0 0 20px #e14eca80,0 0 40px #e14eca33;transform:translateY(-2px)}.btn-gradient:active{transform:translateY(0)}.btn-gradient--blue{background:var(--gradient-secondary);box-shadow:0 0 10px #5e72e44d}.btn-gradient--blue:hover{box-shadow:0 0 20px #5e72e480,0 0 40px #5e72e433}.btn-gradient--cyan{background:var(--gradient-tertiary);color:#171941;box-shadow:0 0 10px #2bffc64d}.btn-gradient--cyan:hover{box-shadow:0 0 20px #2bffc680,0 0 40px #2bffc633}.card-glow{position:relative;background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid rgba(225,78,202,.1);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.card-glow:hover{border-color:#e14eca80;box-shadow:0 0 15px #e14eca33,0 0 30px #e14eca1a;transform:translateY(-4px)}.card-glow--blue{border-color:#5e72e41a}.card-glow--blue:hover{border-color:#5e72e480;box-shadow:0 0 15px #5e72e433,0 0 30px #5e72e41a}.card-glow--cyan{border-color:#2bffc61a}.card-glow--cyan:hover{border-color:#2bffc680;box-shadow:0 0 15px #2bffc633,0 0 30px #2bffc61a}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient--blue{background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient--cyan{background:var(--gradient-tertiary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bg-animated-gradient{background:linear-gradient(135deg,#171941,#2d1b69,#1f2251,#3b1f6e,#171941);background-size:400% 400%;animation:gradientShift 15s ease infinite}.neon-border{border:1px solid rgba(225,78,202,.4);box-shadow:inset 0 0 10px #e14eca1a,0 0 10px #e14eca1a}.neon-border--blue{border-color:#5e72e466;box-shadow:inset 0 0 10px #5e72e41a,0 0 10px #5e72e41a}.neon-border--cyan{border-color:#2bffc666;box-shadow:inset 0 0 10px #2bffc61a,0 0 10px #2bffc61a}.glass{background:#27293d99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08)}.floating-card-3d{position:absolute;width:70px;height:100px;border-radius:var(--radius-md);background:linear-gradient(135deg,#27293dcc,#2d1b6999);border:1px solid rgba(225,78,202,.25);box-shadow:0 10px 30px #0000004d,0 0 15px #e14eca1a;animation:float3D 8s ease-in-out infinite;pointer-events:none;perspective:1000px;transform-style:preserve-3d}.floating-card-3d:before{content:"";position:absolute;inset:8px;border-radius:3px;border:1px solid rgba(225,78,202,.15);background:radial-gradient(circle at 30% 30%,rgba(225,78,202,.1),transparent 60%)}.floating-card-3d--blue{border-color:#5e72e440;box-shadow:0 10px 30px #0000004d,0 0 15px #5e72e41a}.floating-card-3d--blue:before{border-color:#5e72e426;background:radial-gradient(circle at 30% 30%,rgba(94,114,228,.1),transparent 60%)}.floating-card-3d--cyan{border-color:#2bffc640;box-shadow:0 10px 30px #0000004d,0 0 15px #2bffc61a}.floating-card-3d--cyan:before{border-color:#2bffc626;background:radial-gradient(circle at 30% 30%,rgba(43,255,198,.1),transparent 60%)}.floating-chip{position:absolute;width:50px;height:50px;border-radius:50%;background:conic-gradient(from 0deg,#e14eca99,#5e72e499,#2bffc699,#e14eca99,#5e72e499 360deg);border:3px solid rgba(255,255,255,.2);box-shadow:0 0 20px #e14eca33,inset 0 0 15px #0006;animation:chipSpin 12s linear infinite;pointer-events:none;transform-style:preserve-3d}.floating-chip:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;border-radius:50%;background:#171941cc;border:2px solid rgba(225,78,202,.3)}.particle-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:#e14ecacc;box-shadow:0 0 6px #e14eca99,0 0 12px #e14eca4d;animation:twinkle 3s ease-in-out infinite;pointer-events:none}.particle-dot--blue{background:#5e72e4cc;box-shadow:0 0 6px #5e72e499,0 0 12px #5e72e44d}.particle-dot--cyan{background:#2bffc6cc;box-shadow:0 0 6px #2bffc699,0 0 12px #2bffc64d}.particle-dot--lg{width:6px;height:6px}.glow-orb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(225,78,202,.2) 0%,rgba(94,114,228,.1) 30%,rgba(43,255,198,.05) 50%,transparent 70%);animation:orbFloat 6s ease-in-out infinite;pointer-events:none;z-index:0}.animated-border{position:relative;border-radius:var(--radius-lg);padding:2px;background:conic-gradient(from var(--border-angle, 0deg),rgba(225,78,202,.8),rgba(94,114,228,.8),rgba(43,255,198,.8),rgba(225,78,202,.8));animation:borderRotate 4s linear infinite}.animated-border>*{background:var(--color-bg-card);border-radius:calc(var(--radius-lg) - 2px)}.tilt-card{transition:transform var(--transition-fast),box-shadow var(--transition-fast);transform-style:preserve-3d;perspective:1000px}.tilt-card:hover{transform:perspective(1000px) rotateX(3deg) rotateY(-3deg) translateY(-5px);box-shadow:0 20px 40px #0000004d,0 0 30px #e14eca26}.glass-card{background:#27293d80;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000004d;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.glass-card:hover{border-color:#e14eca66;box-shadow:0 8px 32px #0006,0 0 20px #e14eca26;transform:translateY(-4px)}.text-reveal{animation:textReveal 1s ease-out both}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;animation:bounceDown 2s ease-in-out infinite;opacity:.7;z-index:2}.scroll-indicator__arrow{width:24px;height:24px;border-right:2px solid rgba(225,78,202,.7);border-bottom:2px solid rgba(225,78,202,.7);transform:rotate(45deg)}