@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";body{margin:0;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}:root{--primary: #3b82f6;--primary-glow: rgba(59, 130, 246, .5);--bg-color: #ffffff;--text-color: #0f172a;--text-muted: #64748b;--card-bg: rgba(255, 255, 255, .8);--card-border: rgba(0, 0, 0, .05);--nav-bg: rgba(255, 255, 255, .7);--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--success: #10b981;--danger: #ef4444}[data-theme=dark]{--primary: #60a5fa;--primary-glow: rgba(96, 165, 250, .4);--bg-color: #050505;--text-color: #f8fafc;--text-muted: #94a3b8;--card-bg: rgba(20, 20, 25, .6);--card-border: rgba(255, 255, 255, .08);--nav-bg: rgba(5, 5, 5, .7)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}body:before{content:"";position:fixed;top:-20%;left:-10%;width:50%;height:50%;background:radial-gradient(circle,var(--primary-glow) 0%,transparent 70%);filter:blur(120px);z-index:-1;opacity:.4;pointer-events:none}body:after{content:"";position:fixed;bottom:-20%;right:-10%;width:50%;height:50%;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);filter:blur(120px);z-index:-1;opacity:.3;pointer-events:none}header{position:fixed;top:0;width:100%;padding:.75rem 2rem;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:1000;border-bottom:1px solid var(--card-border);display:flex;justify-content:flex-start;align-items:center;gap:3rem}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo-icon{width:32px;height:32px;filter:drop-shadow(0 0 10px var(--primary-glow))}.logo-text{font-size:1.5rem;font-weight:800;letter-spacing:-.05em;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-right:.5rem}.theme-toggle{background:transparent;border:1px solid var(--card-border);color:var(--text-color);padding:.4rem;border-radius:50%;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0}.theme-toggle:hover{background-color:var(--card-border);color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.nav-menu{display:flex;gap:2rem;margin-left:auto;margin-right:1rem}.nav-menu a{color:var(--text-color);text-decoration:none;font-weight:500;font-size:.9rem;transition:color .3s;position:relative;white-space:nowrap}.nav-menu a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-gradient);transition:width .3s}.nav-menu a:hover{color:var(--primary)}.nav-menu a:hover:after{width:100%}.section-divider{height:1px;max-width:1200px;margin:3rem auto;background:linear-gradient(90deg,transparent 0%,var(--card-border) 50%,transparent 100%);position:relative}.section-divider:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 20px var(--primary-glow)}.section-header{text-align:center;margin-bottom:2.5rem}.section-header h2{font-size:3rem;font-weight:800;margin-bottom:1rem;letter-spacing:-.02em;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle{font-size:1.25rem;color:var(--text-muted);max-width:700px;margin:0 auto;line-height:1.6}.hero{padding:8rem 2rem 3rem;text-align:center;max-width:1200px;margin:0 auto}.features-section{padding:3rem 2rem 4rem;max-width:1200px;margin:0 auto}.hero h1{font-size:4rem;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.03em;line-height:1.1}.hero h1 span{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px var(--primary-glow)}.hero p{font-size:1.25rem;color:var(--text-muted);max-width:500px;margin:0 auto 2.5rem;font-weight:400}.hero-features{display:flex;justify-content:center;gap:2rem;margin-top:3rem;flex-wrap:wrap}.hero-feature-item{background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--card-border);padding:1.5rem;border-radius:16px;flex:1;min-width:250px;max-width:350px;text-align:left;display:flex;align-items:flex-start;gap:1rem;transition:transform .3s,box-shadow .3s}[data-theme=dark] .hero-feature-item{background:#14141e66}.hero-feature-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px -5px #0003;border-color:#3b82f64d}.hero-feature-icon{background:var(--card-bg);border:1px solid var(--card-border);width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary)}.hero-feature-icon svg{width:24px;height:24px}.hero-feature-item h3{font-size:1rem;font-weight:700;margin-bottom:.25rem;color:var(--text-color)}.hero-feature-item p{font-size:.85rem;color:var(--text-muted);line-height:1.4;margin:0;opacity:1}.how-it-works-section{padding:3rem 2rem;max-width:1000px;margin:0 auto}.how-it-works-grid{display:flex;flex-direction:column;gap:2rem;margin-bottom:2.5rem}.how-it-works-step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.step-number{font-size:3rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;line-height:1}.step-content h3{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:var(--text-color)}.step-content p{font-size:1.05rem;color:var(--text-muted);line-height:1.7;max-width:600px}.step-arrow{margin-top:2rem;color:var(--primary);opacity:.5}.step-arrow svg{width:32px;height:32px}.how-it-works-step:last-child .step-arrow{display:none}.how-it-works-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:2rem}.stat-card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:20px;padding:2.5rem 2rem;text-align:center;transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px -5px #0003;border-color:#3b82f64d}.stat-number{font-size:3rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;line-height:1}.stat-label{font-size:.95rem;color:var(--text-muted);font-weight:500}.tech-stack-section{padding:3rem 2rem;max-width:1200px;margin:0 auto}.tech-stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.tech-stack-card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:20px;padding:2.5rem;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;flex-direction:column;gap:1.5rem}.tech-stack-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -10px #0000004d;border-color:#3b82f666}.tech-stack-icon{width:60px;height:60px;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid var(--card-border);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.tech-stack-icon svg{width:32px;height:32px}.tech-stack-card h3{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0}.tech-stack-card p{font-size:1rem;color:var(--text-muted);line-height:1.7;margin:0}.tech-stack-card p strong{color:var(--primary);font-weight:600}.pricing{padding:3rem 2rem;max-width:1400px;margin:0 auto}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;align-items:stretch}.card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:24px;padding:2.5rem;position:relative;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s,border-color .4s;display:flex;flex-direction:column;height:100%}.card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -10px #0000004d;border-color:#fff3}.card.featured{border:1px solid var(--primary);background:linear-gradient(180deg,rgba(59,130,246,.05) 0%,var(--card-bg) 100%);box-shadow:0 0 30px var(--primary-glow)}.card-header{margin-bottom:2rem;border-bottom:1px solid var(--card-border);padding-bottom:1.5rem}.plan-name{font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;color:var(--text-color)}.badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:var(--accent-gradient);color:#fff;padding:.6rem 2rem;border-radius:9999px;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 10px 20px -5px #3b82f680;border:2px solid rgba(255,255,255,.4);white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;animation:badge-pulse 2s infinite}@keyframes badge-pulse{0%{transform:translate(-50%) scale(1);box-shadow:0 0 #8b5cf6b3}70%{transform:translate(-50%) scale(1.05);box-shadow:0 0 0 10px #8b5cf600}to{transform:translate(-50%) scale(1);box-shadow:0 0 #8b5cf600}}.dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px currentColor}.green-dot{background-color:#22c55e;color:#22c55e}.yellow-dot{background-color:#eab308;color:#eab308}.orange-dot{background-color:#f97316;color:#f97316}.red-dot{background-color:#ef4444;color:#ef4444}.price{font-size:3.5rem;font-weight:700;display:flex;align-items:baseline;letter-spacing:-.02em}.price span{font-size:1rem;font-weight:400;color:var(--text-muted);margin-left:.5rem}.features{list-style:none;margin-bottom:2.5rem;flex-grow:1}.features li{display:flex;align-items:center;margin-bottom:1rem;font-size:.95rem;color:var(--text-color);min-height:3.5rem}.features li svg{width:18px;height:18px;margin-right:.75rem;flex-shrink:0}.check-icon{color:var(--primary);filter:drop-shadow(0 0 5px var(--primary-glow))}.cross-icon{color:var(--text-muted);opacity:.5}.btn{display:block;width:100%;padding:1rem;text-align:center;background:var(--text-color);color:var(--bg-color);border-radius:1rem;font-weight:600;text-decoration:none;transition:all .3s;border:none;cursor:pointer;margin-top:auto}.card:hover .btn{background:var(--primary);color:#fff;box-shadow:0 0 20px var(--primary-glow)}.btn.ghost{background:transparent;border:1px solid var(--text-color);color:var(--text-color)}.btn.ghost:hover{background:var(--text-color);color:var(--bg-color)}.btn-disabled{cursor:default;pointer-events:none;opacity:.8}.addons{margin-top:1.5rem;padding-top:1.5rem;border-top:1px dashed var(--card-border);font-size:.85rem;color:var(--text-muted);margin-bottom:2.5rem}.addons p{margin-bottom:.5rem}footer{border-top:1px solid var(--card-border);padding:4rem 2rem 2rem;margin-top:4rem;background:transparent;font-size:.9rem;position:relative;z-index:10}.footer-logo{display:flex;align-items:center;gap:.75rem;justify-content:flex-start;margin-bottom:2rem;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 2rem}.footer-logo .logo-icon{width:48px;height:48px;filter:drop-shadow(0 0 10px var(--primary-glow))}.footer-logo .logo-text{font-size:2rem;font-weight:800;letter-spacing:-.05em;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-right:.5rem}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:2rem}.footer-section h4{font-weight:600;margin-bottom:1.5rem;color:var(--text-color);letter-spacing:.05em;text-transform:uppercase;font-size:.8rem}.footer-section p{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem}.footer-links a{display:block;color:var(--text-muted);text-decoration:none;margin-bottom:.75rem;transition:color .2s}.footer-links a:hover{color:var(--primary);text-shadow:0 0 10px var(--primary-glow)}.legal-text{margin-top:2rem;text-align:center;color:var(--text-muted);font-size:.8rem;opacity:.5}@media(max-width:768px){header{padding:1rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-wrap:wrap}.nav-menu{order:3;width:100%;justify-content:center;margin-top:1rem;gap:1.5rem;margin-left:0}.logo-text{font-size:1.5rem}.logo-icon{width:32px;height:32px}.hero{padding:8rem 1.5rem 3rem}.features-section{padding:2rem 1.5rem 4rem}.hero h1{font-size:2.75rem;line-height:1.1}.hero p{font-size:1.1rem;margin-bottom:2rem}.pricing{padding:0 1rem 4rem}.pricing-grid{gap:1.5rem}.card{padding:2rem}.footer-content{grid-template-columns:1fr;gap:3rem;text-align:center}.footer-section{min-width:auto}footer{padding:4rem 1.5rem 2rem;margin-top:2rem}.footer-logo .logo-icon{width:40px;height:40px}.footer-logo .logo-text{font-size:1.75rem}}@media(max-width:480px){.hero h1{font-size:2.25rem}.price{font-size:3rem}.nav-menu{gap:1rem}.nav-menu a{font-size:.875rem}}