@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Outfit:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--font-primary: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", sans-serif;--font-mono: "Fira Code", monospace;--color-bg-dark: #f6faf8;--color-bg-surface: #ffffff;--color-bg-card: #ffffff;--color-bg-card-hover: #ffffff;--color-primary: #ff6b57;--color-primary-hover: #f94f38;--color-accent-coral: #ff6b57;--color-accent-salmon: #f9634b;--color-accent-peach: #ff7e67;--color-accent-emerald: #10b981;--color-accent-cyan: #06b6d4;--color-accent-indigo: #2563eb;--color-text-main: #0f172a;--color-text-muted: #334155;--color-text-dim: #64748b;--border-subtle: #e2e8f0;--border-hover: #ffb4a9;--border-neon: #ff6b57;--shadow-neon-coral: 0 15px 35px -5px rgba(255, 107, 87, .25);--shadow-card: 0 12px 35px -10px rgba(15, 23, 42, .08);--radius-sm: 10px;--radius-md: 18px;--radius-lg: 28px;--radius-full: 9999px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .35s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;max-width:100vw;overflow-x:hidden;scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--color-bg-dark);color:var(--color-text-main);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800;line-height:1.15;color:#0f172a}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff6b57}.container{width:100%;max-width:1380px;margin:0 auto;padding:0 1.5rem}.gradient-text{background:linear-gradient(135deg,#ff6b57,#ef4444,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-cyan{background:linear-gradient(135deg,#ff6b57,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-emerald{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-amber{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glass-panel{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-md);box-shadow:0 10px 30px -10px #0f172a14;transition:all .35s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:#ffb4a9;transform:translateY(-3px);box-shadow:0 22px 45px -12px #ff6b572e}.glass-panel-interactive{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-md);transition:all .25s ease}.glass-panel-interactive:hover{background:#fff;border-color:#ff6b57;box-shadow:0 8px 25px #ff6b571f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.6rem;font-weight:700;font-size:.875rem;border-radius:var(--radius-full);transition:var(--transition-normal);white-space:nowrap;flex-shrink:0}.btn-primary{background:linear-gradient(135deg,#ff6b57,#f94f38);color:#fff;box-shadow:0 6px 22px #ff6b5761}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff6b5780;background:linear-gradient(135deg,#f94f38,#e11d48)}.btn-cyan{background:linear-gradient(135deg,#0284c7,#06b6d4);color:#fff;box-shadow:0 6px 20px #0284c74d}.btn-cyan:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0284c76b}.btn-emerald{background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 6px 20px #0596694d}.btn-emerald:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0596696b}.btn-outline{background:#fff;border:1px solid #ff6b57;color:#ff6b57;box-shadow:0 2px 6px #ff6b5714}.btn-outline:hover{background:#fff5f3;border-color:#ef4444;color:#ef4444;transform:translateY(-2px);box-shadow:0 6px 16px #ff6b5733}.btn-secondary{background:#fff5f3;border:1px solid #ffd3cb;color:#ff6b57}.btn-secondary:hover{background:#ffe3de;border-color:#ff6b57;transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:#fff5f3;border:1px solid #ffd3cb;color:#ff6b57;box-shadow:0 2px 6px #ff6b570f}.nav-link-btn{color:#475569;font-size:.875rem;font-weight:600;padding:.4rem .75rem;border-radius:var(--radius-sm);transition:all .2s ease;white-space:nowrap}.nav-link-btn:hover{color:#2563eb;background:#f1f5f9}.tab-btn{padding:.55rem 1.3rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;transition:all .25s ease;background:#fff;color:#475569;border:1px solid #cbd5e1;box-shadow:0 2px 4px #00000008}.tab-btn.active{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;border-color:transparent;box-shadow:0 4px 15px #2563eb59}.tab-btn:hover:not(.active){background:#f8fafc;color:#0f172a}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float{animation:floatSlow 5s ease-in-out infinite}@media(max-width:1024px){.desktop-menu{display:none!important}.mobile-toggle{display:flex!important;align-items:center;justify-content:center}}@media(max-width:1120px){.desktop-only{display:none!important}}@media(max-width:768px){h1{font-size:2.5rem!important}h2{font-size:2rem!important}}.nav-dropdown-wrapper{position:relative;display:inline-block}.nav-dropdown-wrapper:after{content:"";position:absolute;top:100%;left:-20px;right:-20px;height:16px;background:transparent}.nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#fffffffa;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #cbd5e1;border-radius:14px;box-shadow:0 20px 40px -10px #0f172a26,0 8px 16px -6px #2563eb14;padding:8px;display:none;flex-direction:column;gap:4px;min-width:260px;z-index:210;animation:dropdownFadeIn .2s cubic-bezier(.16,1,.3,1)}.nav-dropdown-menu.is-open{display:flex!important}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nav-dropdown-wrapper:hover .nav-dropdown-menu{display:flex}.dropdown-item{width:100%;text-align:left;padding:10px 12px;font-size:.875rem;font-weight:600;color:#1e293b;border-radius:8px;background:transparent;border:1px solid transparent;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease}.dropdown-item:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8;transform:translate(2px)}.dropdown-item-active{background:#eff6ff!important;border-color:#93c5fd!important;color:#1d4ed8!important}.dropdown-icon-box{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#f1f5f9;color:#2563eb;flex-shrink:0;transition:all .2s ease}.dropdown-item:hover .dropdown-icon-box{background:#2563eb;color:#fff}.hero-glow-bg{position:relative;background-color:#f8fafc;background-image:radial-gradient(ellipse 60% 40% at 20% 10%,rgba(37,99,235,.18),transparent 70%),radial-gradient(ellipse 50% 50% at 80% 35%,rgba(2,132,199,.15),transparent 70%),radial-gradient(ellipse 40% 40% at 50% 85%,rgba(109,40,217,.08),transparent 70%)}.hero-glass-card{background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.9);box-shadow:0 25px 60px -15px #0f172a1f,0 10px 20px -10px #2563eb14;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-glass-card:hover{box-shadow:0 30px 70px -15px #2563eb33,0 12px 25px -10px #0284c71f;border-color:#93c5fd}.syntax-box{font-family:var(--font-mono);font-size:.825rem;line-height:1.65;background:#090d16;color:#e2e8f0;padding:1.2rem;border-radius:12px;border:1px solid #1e293b;overflow-x:auto;box-shadow:inset 0 2px 4px #0006}.syn-annotation{color:#facc15;font-weight:600}.syn-keyword{color:#c084fc;font-weight:600}.syn-type{color:#38bdf8;font-weight:500}.syn-func{color:#60a5fa}.syn-string{color:#4ade80}.syn-comment{color:#64748b;font-style:italic}.syn-punct{color:#94a3b8}.pulsing-dot{width:9px;height:9px;border-radius:50%;background-color:#10b981;position:relative;display:inline-block}.pulsing-dot:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;border:2px solid #10b981;animation:pulseRing 1.8s cubic-bezier(.4,0,.6,1) infinite;opacity:.75}@keyframes pulseRing{0%{transform:scale(.8);opacity:.9}to{transform:scale(1.8);opacity:0}}.btn-hero-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.65rem;border-radius:12px;font-weight:700;font-size:.95rem;color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 25px -5px #2563eb66,0 4px 10px -2px #2563eb33;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 15px 35px -5px #2563eb8c,0 6px 15px -2px #2563eb4d;background:linear-gradient(135deg,#1d4ed8,#1e40af)}.btn-hero-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.45rem;border-radius:12px;font-weight:600;font-size:.925rem;color:#1e293b;background:#fff;border:1px solid #cbd5e1;box-shadow:0 4px 12px #0f172a0d;transition:all .25s ease;cursor:pointer}.btn-hero-secondary:hover{transform:translateY(-2px);border-color:#2563eb;color:#2563eb;box-shadow:0 8px 20px #2563eb1f}