@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--bg-primary:#06060f;--bg-secondary:#0c0c1e;--bg-card:#ffffff0b;--bg-card-hover:#ffffff14;--border:#ffffff1a;--border-hover:#ffffff38;--text-primary:#fff;--text-secondary:#a0a0c4;--text-muted:#62628a;--accent-cyan:#00d4ff;--accent-purple:#7c3aed;--accent-orange:#ff6b35;--accent-green:#0f8;--gradient-main:linear-gradient(135deg, #00d4ff 0%, #7c3aed 100%);--gradient-warm:linear-gradient(135deg, #ff6b35 0%, #ff4fa3 100%);--gradient-cool:linear-gradient(135deg, #0f8 0%, #00d4ff 100%);--glass-bg:#ffffff0a;--glass-border:#ffffff14;--glass-blur:blur(24px);--section-padding:120px 0;--container-max:1240px;--container-padding:0 32px;--radius-sm:10px;--radius-md:20px;--radius-lg:32px;--radius-xl:48px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-base:.45s cubic-bezier(.4, 0, .2, 1);--transition-slow:.8s cubic-bezier(.4, 0, .2, 1);--font-sans:"Outfit", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700}html{scroll-behavior:smooth;scroll-padding-top:115px}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}::selection{color:var(--text-primary);background:#00d4ff4d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00d4ff99}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}.container{max-width:var(--container-max);padding:var(--container-padding);margin:0 auto}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.gradient-text{background:var(--gradient-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-warm{background:var(--gradient-warm);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section{padding:var(--section-padding);position:relative}body:before{content:"";pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}.orb{filter:blur(80px);pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite orbFloat;position:absolute}.orb-1{background:radial-gradient(circle,#00d4ff26 0%,#0000 70%);width:600px;height:600px;top:-200px;right:-200px}.orb-2{background:radial-gradient(circle,#7b2fff26 0%,#0000 70%);width:400px;height:400px;animation-delay:-4s;bottom:-100px;left:-100px}@keyframes orbFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}}.glow-cyan{box-shadow:0 0 30px #00d4ff33,0 0 60px #00d4ff1a}.glow-purple{box-shadow:0 0 30px #7b2fff33,0 0 60px #7b2fff1a}.btn{font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);border:none;border-radius:100px;outline:none;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:#ffffff1a;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn-primary{background:var(--gradient-main);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00d4ff59}.btn-ghost{color:var(--text-primary);border:1px solid var(--border-hover);background:0 0}.btn-ghost:hover{background:var(--bg-card-hover);border-color:var(--accent-cyan);color:var(--accent-cyan);transform:translateY(-2px)}.tag{font-size:12px;font-weight:500;font-family:var(--font-mono);color:var(--accent-cyan);transition:all var(--transition-fast);background:#00d4ff1a;border:1px solid #00d4ff33;border-radius:100px;align-items:center;padding:4px 12px;display:inline-flex}.tag:hover{background:#00d4ff33}.section-label{font-family:var(--font-mono);color:var(--accent-cyan);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:12px;font-size:13px;display:flex}.section-label:before{content:"";background:var(--accent-cyan);width:32px;height:1px;display:block}.section-title{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(36px,5vw,56px);font-weight:800}.section-subtitle{color:var(--text-secondary);max-width:560px;font-size:17px;line-height:1.7}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:32px;position:relative;overflow:hidden}.card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-4px)}.card:before{content:"";background:var(--gradient-main);opacity:0;height:1px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.card:hover:before{opacity:1}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}.section{padding:70px 0}.section-title{font-size:clamp(28px,8vw,40px)}}.input-field{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);resize:none;outline:none;padding:14px 18px;font-size:15px}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--accent-cyan);background:#00d4ff08;box-shadow:0 0 0 3px #00d4ff1a}.divider{background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px;margin:20px 0}.appShell{flex-direction:column;min-height:100vh;display:flex}.mainContent{flex:1;padding-top:72px;position:relative}.sectionWrapper{min-height:calc(100vh - 115px);position:relative}button{font-family:var(--font-sans);cursor:pointer;color:inherit;background:0 0;border:none;outline:none}