:root{--color-background: #000000;--color-background-secondary: #0a0a0a;--color-background-tertiary: #111111;--color-text-primary: #ffffff;--color-text-secondary: #b0b0b0;--color-text-muted: #666666;--color-accent: #00d4ff;--color-accent-hover: #00bce6;--color-accent-secondary: #ff6b35;--color-border: #1a1a1a;--color-glow: rgba(0, 212, 255, .3);--color-gradient-primary: linear-gradient(135deg, #00d4ff 0%, #7c3aed 100%);--color-gradient-secondary: linear-gradient(135deg, #ff6b35 0%, #f093fb 100%);--color-gradient-tertiary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color-gradient-hero: linear-gradient(135deg, rgba(0, 212, 255, .1) 0%, rgba(124, 58, 237, .1) 100%);font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-background);color:var(--color-text-primary);min-height:100vh}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}@media (min-width: 1440px){.container{max-width:1400px;padding:0 3rem}}@media (min-width: 1920px){.container{max-width:1800px;padding:0 4rem}}@media (min-width: 2560px){.container{max-width:2400px;padding:0 6rem}}.gradient-text{background:var(--color-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px var(--color-glow))}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;font-size:1rem;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:var(--color-gradient-primary);color:#fff;box-shadow:0 10px 30px #00d4ff4d}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 20px 40px #00d4ff66}.btn-secondary{background:#ffffff0d;color:var(--color-text-primary);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff1a;border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 10px 25px #ffffff1a}.section{padding:8rem 0;position:relative}.section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.grid{display:grid;gap:2rem}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 480px){.container{padding:0 .75rem}.section{padding:3rem 0}.grid{gap:1rem}.card{padding:1.5rem;border-radius:16px}.btn{padding:.75rem 1.5rem;font-size:.9rem}.hero-title{font-size:2.5rem;margin-bottom:1rem}.hero-subtitle{font-size:1rem;margin-bottom:1.5rem}}@media (min-width: 481px) and (max-width: 768px){.container{padding:0 1rem}.section{padding:4rem 0}.grid{gap:1.5rem}.card{padding:2rem}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.2rem}}@media (max-width: 768px){.grid-cols-3{grid-template-columns:1fr}.hero-actions{flex-direction:column;gap:1rem!important}.hero-features{flex-direction:column;gap:1.5rem!important}}@media (min-width: 769px) and (max-width: 1024px){.container{padding:0 1.5rem}.grid-cols-3{grid-template-columns:repeat(2,1fr)}.section{padding:6rem 0}.hero-title{font-size:3.5rem}.card{padding:2.25rem}}.card{background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--color-gradient-primary);opacity:0;transition:opacity .4s ease}.card:hover{border-color:#00d4ff80;transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px #00d4ff26}.card:hover:before{opacity:1}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--color-gradient-hero);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,212,255,.1) 0%,transparent 50%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-title{font-size:4.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;position:relative;z-index:1}.hero-subtitle{font-size:1.4rem;color:var(--color-text-secondary);margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto;position:relative;z-index:1}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes glow{0%,to{opacity:.3}50%{opacity:1}}html{scroll-behavior:smooth}*{scroll-margin-top:80px}.section{transition:all .6s cubic-bezier(.25,.46,.45,.94)}.section-transition{position:relative}.section-transition:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-accent) 20%,var(--color-accent-secondary) 50%,rgba(124,58,237,.8) 80%,transparent 100%);opacity:0;animation:sectionReveal 1.5s ease-out forwards;animation-delay:.3s}@keyframes sectionReveal{0%{opacity:0;transform:scaleX(0)}50%{opacity:1;transform:scaleX(.5)}to{opacity:.7;transform:scaleX(1)}}.fade-in-section{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}.stagger-animation{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.25,.46,.45,.94)}.stagger-animation.animate{opacity:1;transform:translateY(0)}.stagger-animation:nth-child(1){transition-delay:.1s}.stagger-animation:nth-child(2){transition-delay:.2s}.stagger-animation:nth-child(3){transition-delay:.3s}.stagger-animation:nth-child(4){transition-delay:.4s}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards}