@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap");:root,[data-theme=light]{--bg-main:#f8fbff;--bg-secondary:#f0f6ff;--bg-card:rgba(255,255,255,0.92);--bg-card-hover:#ffffff;--bg-glass:rgba(255,255,255,0.85);--bg-inset:rgba(241,245,254,0.95);--bg-code:#f1f5f9;--border-subtle:#e2e8f0;--border-card:rgba(203,213,225,0.8);--border-glow:rgba(0,168,232,0.45);--border-focus:rgba(16,185,129,0.6);--text-primary:#0b132b;--text-secondary:#334155;--text-muted:#64748b;--brand-cyan:#0096c7;--brand-cyan-light:#00b4d8;--brand-blue:#023e8a;--brand-green:#10b981;--brand-green-light:#059669;--brand-amber:#d97706;--brand-purple:#7c3aed;--nav-bg:rgba(255,255,255,0.94);--nav-border:rgba(226,232,240,0.9);--ribbon-bg:linear-gradient(90deg,#ecfdf5,#e0f2fe 50%,#fef3c7);--ribbon-border:rgba(0,150,199,0.2);--ribbon-text:#1e293b;--shadow-glow-cyan:0 10px 30px rgba(0,150,199,0.2);--shadow-glow-green:0 10px 30px rgba(16,185,129,0.2);--shadow-card:0 12px 35px -8px rgba(11,19,43,0.08),0 4px 12px -2px rgba(11,19,43,0.04);--shadow-modal:0 30px 70px -15px rgba(11,19,43,0.25);--font-main:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--ambient-opacity:0.8;--ambient-bg:radial-gradient(circle at 50% 0%,#dbeafe 0%,#f0fdf4 40%,#f8fbff 80%)}[data-theme=dark]{--bg-main:#06080e;--bg-secondary:#0a0f1d;--bg-card:rgba(13,19,33,0.8);--bg-card-hover:rgba(18,27,47,0.95);--bg-glass:rgba(255,255,255,0.04);--bg-inset:rgba(0,0,0,0.45);--bg-code:rgba(0,0,0,0.6);--border-subtle:rgba(255,255,255,0.09);--border-card:rgba(255,255,255,0.1);--border-glow:rgba(0,229,255,0.4);--border-focus:rgba(16,185,129,0.6);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--brand-cyan:#00e5ff;--brand-cyan-light:#38bdf8;--brand-blue:#0077b6;--brand-green:#10b981;--brand-green-light:#34d399;--brand-amber:#fbbf24;--brand-purple:#a855f7;--nav-bg:rgba(6,8,14,0.88);--nav-border:rgba(255,255,255,0.09);--ribbon-bg:linear-gradient(90deg,#091222,#0c2338 50%,#091222);--ribbon-border:rgba(0,229,255,0.2);--ribbon-text:#94a3b8;--shadow-glow-cyan:0 0 35px rgba(0,229,255,0.25);--shadow-glow-green:0 0 35px rgba(16,185,129,0.25);--shadow-card:0 15px 35px -10px rgba(0,0,0,0.7);--shadow-modal:0 30px 70px rgba(0,0,0,0.95);--ambient-opacity:0.9;--ambient-bg:radial-gradient(circle at 50% 0%,#0d1a33 0%,#06080e 70%)}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease}html{scroll-behavior:smooth;font-family:var(--font-main);background-color:var(--bg-main);color:var(--text-primary)}body{min-height:100vh;position:relative;overflow-x:hidden;background:var(--ambient-bg);background-attachment:fixed;line-height:1.6}.ambient-glow-top{top:-160px;left:50%;transform:translateX(-50%);width:1000px;height:500px;background:radial-gradient(ellipse,rgba(0,180,216,.22) 0,rgba(16,185,129,.15) 50%,transparent 70%);filter:blur(90px)}.ambient-glow-side,.ambient-glow-top{position:absolute;pointer-events:none;z-index:0;opacity:var(--ambient-opacity)}.ambient-glow-side{top:35%;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(16,185,129,.12) 0,rgba(0,150,199,.08) 50%,transparent 65%);filter:blur(110px)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.gradient-text{background:linear-gradient(135deg,var(--text-primary) 0,var(--brand-cyan) 50%,var(--brand-green) 100%);-webkit-background-clip:text}.gradient-text,.gradient-text-green{-webkit-text-fill-color:transparent;display:inline-block}.gradient-text-green{background:linear-gradient(135deg,var(--brand-green-light) 0,var(--brand-green) 70%,var(--brand-cyan) 100%);-webkit-background-clip:text}.glass-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow-cyan);background:var(--bg-card-hover)}.image-preview-card{position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-card);box-shadow:var(--shadow-card);transition:transform .3s ease,box-shadow .3s ease}.image-preview-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-glow-cyan)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-main);font-weight:700;font-size:.95rem;padding:13px 28px;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-decoration:none;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--brand-cyan) 0,var(--brand-blue) 100%);color:#ffffff!important;box-shadow:0 6px 20px rgba(0,150,199,.35)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,150,199,.55);filter:brightness(1.08)}.btn-green{background:linear-gradient(135deg,var(--brand-green-light) 0,var(--brand-green) 100%);color:#ffffff!important;box-shadow:0 6px 20px rgba(16,185,129,.35)}.btn-green:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(16,185,129,.55)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle);box-shadow:0 2px 8px rgba(0,0,0,.04)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--brand-cyan);color:var(--brand-cyan);transform:translateY(-2px);box-shadow:var(--shadow-glow-cyan)}.theme-toggle-btn{background:var(--bg-inset);border:1px solid var(--border-subtle);color:var(--text-primary);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px rgba(0,0,0,.04)}.theme-toggle-btn:hover{border-color:var(--brand-cyan);background:var(--bg-card);color:var(--brand-cyan);transform:rotate(15deg)}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;font-weight:700;border-radius:9999px;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-mono)}.badge-cyan{background:rgba(0,150,199,.12);color:var(--brand-cyan);border:1px solid rgba(0,150,199,.35)}.badge-green{background:rgba(16,185,129,.12);color:var(--brand-green);border:1px solid rgba(16,185,129,.35)}.badge-amber{background:rgba(217,119,6,.12);color:var(--brand-amber);border:1px solid rgba(217,119,6,.35)}.badge-purple{background:rgba(124,58,237,.12);color:var(--brand-purple);border:1px solid rgba(124,58,237,.35)}.icon-avatar{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--bg-inset);border:1px solid var(--border-subtle);transition:all .25s ease}.glass-card:hover .icon-avatar{transform:scale(1.08);border-color:var(--brand-cyan)}.pulse-dot{width:9px;height:9px;border-radius:50%;background:var(--brand-green);box-shadow:0 0 10px var(--brand-green);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.3);opacity:1;box-shadow:0 0 14px var(--brand-green)}to{transform:scale(.9);opacity:.8}}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:32px;gap:32px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:28px;gap:28px}@media (max-width:992px){.grid-2,.grid-3{grid-template-columns:1fr;gap:24px}}.section{padding:95px 0;position:relative}.section-title-wrap{text-align:center;max-width:840px;margin:0 auto 56px}.section-title{font-size:2.75rem;font-weight:850;line-height:1.18;margin:16px 0 18px;letter-spacing:-.025em;color:var(--text-primary)}.section-desc{font-size:1.15rem;color:var(--text-secondary);line-height:1.7}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:rgba(148,163,184,.4);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--brand-cyan)}