.dark,:root{--marquee-grayscale:1}.bento-card:hover,.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.scroll-top,.toast{bottom:24px;pointer-events:none}#cursor-glow,#noise,.scroll-top,.toast{pointer-events:none}.btn-accent,.faq-btn,.proj-card,.scroll-top,.theme-toggle{cursor:pointer}:root{--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:rgba(0,0,0,0.06);--card-bg:rgba(255,255,255,0.8);--card-border:rgba(0,0,0,0.04);--card-hover-bg:rgba(255,255,255,0.95);--accent:#00b884;--accent-light:rgba(0,184,132,0.1);--code-bg:#f1f5f9;--code-border:rgba(0,0,0,0.05);--invert:0;--shadow-sm:0 1px 2px rgba(0,0,0,0.02);--shadow-md:0 10px 30px -10px rgba(0,0,0,0.05);--nav-bg:rgba(255,255,255,0.8);--footer-border:rgba(0,0,0,0.04);--marquee-brightness:0.4;--dot-bg:rgba(0,0,0,0.05)}.dark{--bg-primary:#09090b;--bg-secondary:#0c0c0f;--bg-tertiary:#12121a;--text-primary:#f4f4f5;--text-secondary:rgba(255,255,255,0.6);--text-muted:rgba(255,255,255,0.25);--border-color:rgba(255,255,255,0.06);--card-bg:rgba(255,255,255,0.03);--card-border:rgba(255,255,255,0.06);--card-hover-bg:rgba(255,255,255,0.05);--accent:#00e5a0;--accent-light:rgba(0,229,160,0.08);--code-bg:#12121a;--code-border:rgba(255,255,255,0.06);--invert:1;--shadow-sm:0 1px 2px rgba(0,0,0,0.1);--shadow-md:0 20px 50px -15px rgba(0,0,0,0.5);--nav-bg:rgba(9,9,11,0.8);--footer-border:rgba(255,255,255,0.04);--marquee-brightness:0.6;--dot-bg:rgba(255,255,255,0.08)}*{font-family:Inter,sans-serif;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;transition:background-color .3s,color .3s}#noise{position:fixed;inset:0;z-index:9999;opacity:.035;background-repeat:repeat;background-size:150px 150px;mix-blend-mode:overlay}#cursor-glow{position:fixed;width:600px;height:600px;border-radius:50%;z-index:1;opacity:0;background:radial-gradient(circle,rgba(0,184,132,.06) 0,transparent 70%);transform:translate(-50%,-50%);transition:opacity .3s}.dark #cursor-glow{background:radial-gradient(circle,rgba(0,229,160,.07) 0,transparent 70%)}@media(hover:hover){#cursor-glow{opacity:1}}.code-editor{background:var(--code-bg);border:1px solid var(--code-border);border-radius:14px;overflow:hidden;font-family:'JetBrains Mono',monospace;font-size:13px;line-height:1.7;transition:background .3s,border .3s}.code-bar{display:flex;align-items:center;gap:7px;padding:14px 18px;border-bottom:1px solid var(--code-border);background:var(--dot-bg)}.code-dot{width:11px;height:11px;border-radius:50%}.code-tab{margin-left:auto;font-size:11px;color:var(--text-muted);font-family:Inter,sans-serif}.code-body,.nav-link.active,.nav-link:hover{color:var(--text-primary)}.code-body{padding:20px 22px;overflow-x:auto}.bento-card,.blog-card,.faq-body,.faq-item,.proj-card{overflow:hidden}.sk{color:#c678dd}.ss{color:#98c379}.sb{color:#d19a66}.sp{color:#61afef}.sc{color:var(--text-muted);font-style:italic}.st{color:var(--text-secondary)}.so{color:#56b6c2}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.marquee-track{animation:35s linear infinite marquee;display:flex;gap:4rem;width:max-content}.marquee-track:hover{animation-play-state:paused}.partner-img{max-height:36px;width:auto;transition:.4s}.nav-link{position:relative;color:var(--text-secondary);font-weight:500;font-size:.85rem;transition:color .3s;padding:.5rem 0}.nav-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent);transition:width .4s cubic-bezier(.25,.46,.45,.94);border-radius:2px}.accent-text,.bento-card:hover .bento-num,.faq-btn .faq-icon,.faq-btn:hover,.mobile-overlay a:hover{color:var(--accent)}.nav-link.active::after,.nav-link:hover::after{width:100%}.bento-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;padding:2rem;transition:.5s cubic-bezier(.22,1,.36,1);position:relative}.bento-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .4s}.bento-card:hover,.btn-ghost:hover,.form-input:focus{background:var(--card-hover-bg)}.bento-card:hover{border-color:rgba(0,184,132,.2)}.dark .bento-card:hover,.dark .faq-item.open,.dark .faq-item:hover{border-color:rgba(0,229,160,.2)}.bento-card:hover::before,.proj-card:hover .proj-overlay{opacity:1}.bento-num,.feat-icon{color:var(--text-muted)}.bento-num{font-size:3rem;font-weight:800;opacity:.15;position:absolute;top:1rem;right:1.5rem;transition:color .4s;line-height:1}.scroll-top,.toast{opacity:0;position:fixed}.feat-item{border-left:2px solid var(--border-color);padding:1.25rem 0 1.25rem 1.5rem;transition:.3s}.feat-item:hover{border-color:var(--accent)}.feat-item:hover .feat-icon{color:var(--accent);transform:scale(1.1)}.feat-icon{transition:.3s}.proj-card{position:relative;border-radius:16px}.proj-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}.proj-card:hover img{transform:scale(1.06)}.proj-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0,rgba(0,0,0,.1) 60%,transparent 100%);opacity:0;transition:.5s;display:flex;align-items:flex-end;padding:1.5rem}.proj-overlay h3{transform:translateY(16px);transition:transform .5s cubic-bezier(.22,1,.36,1);color:#fff}.proj-card:hover .proj-overlay h3{transform:translateY(0)}.blog-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;transition:.5s cubic-bezier(.22,1,.36,1)}.blog-card:hover{border-color:rgba(0,184,132,.15)}.dark .blog-card:hover{border-color:rgba(0,229,160,.15)}.blog-card:hover .blog-img{transform:scale(1.04)}.blog-img{transition:transform .6s}.faq-item{border:1px solid var(--border-color);border-radius:14px;margin-bottom:10px;transition:border-color .3s;background:0 0}.faq-item.open,.faq-item:hover{border-color:rgba(0,184,132,.2)}.btn-ghost:hover,.form-input:focus,.social-link:hover,.theme-toggle:hover{border-color:var(--accent)}.faq-btn{display:flex;align-items:center;gap:14px;padding:1.1rem 1.4rem;color:var(--text-primary);font-weight:600;font-size:.95rem;transition:color .3s;width:100%;background:0 0;border:none;text-align:left}.faq-btn .faq-icon{transition:transform .4s;font-size:.75rem}.faq-btn.active .faq-icon{transform:rotate(180deg)}.faq-body{max-height:0;transition:max-height .5s cubic-bezier(.22,1,.36,1),padding .3s;padding:0 1.4rem;color:var(--text-secondary);line-height:1.8;font-size:.9rem}.faq-body.open{max-height:250px;padding:0 1.4rem 1.2rem}.form-input{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:.85rem 1.2rem;color:var(--text-primary);width:100%;transition:.3s;outline:0;font-size:.9rem}.btn-accent,.btn-ghost{padding:.85rem 2rem;align-items:center;gap:10px;font-size:.9rem;display:inline-flex}.btn-accent,.btn-ghost,.scroll-top,.social-link{transition:.4s cubic-bezier(.22,1,.36,1)}.form-input:focus{box-shadow:0 0 0 3px var(--accent-light)}.form-input::placeholder{color:var(--text-muted)}.btn-accent{background:var(--accent);color:#fafafa;font-weight:700;border-radius:12px;border:none}.btn-accent:hover{transform:translateY(-3px);box-shadow:0 12px 35px -10px rgba(0,184,132,.4)}.dark .btn-accent{color:#09090b}.btn-ghost{background:0 0;border:1px solid var(--border-color);color:var(--text-primary);font-weight:600;border-radius:12px}.btn-ghost:hover{transform:translateY(-3px)}.btn-sm{padding:.6rem 1.4rem;font-size:.8rem;border-radius:10px}.social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border-color)}.social-link:hover{background:var(--accent);color:#09090b;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px -8px rgba(0,184,132,.35)}.scroll-top{right:24px;width:46px;height:46px;border-radius:50%;background:var(--accent);color:#eaeaea;border:none;z-index:998;font-size:.9rem}.scroll-top.visible{opacity:1;pointer-events:auto}.scroll-top:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 10px 30px -8px rgba(0,184,132,.45)}.mobile-overlay{position:fixed;inset:0;z-index:60;background:var(--bg-primary);backdrop-filter:blur(20px);display:flex;flex-direction:column;justify-content:center;padding:2rem;transform:translateX(100%);transition:transform .5s cubic-bezier(.22,1,.36,1)}.mobile-overlay.open{transform:translateX(0)}.mobile-overlay a{display:block;font-size:2rem;font-weight:700;color:var(--text-secondary);transition:color .3s;padding:.25rem 0}.toast{left:50%;transform:translateX(-50%) translateY(20px);background:var(--accent);color:#09090b;padding:.85rem 1.8rem;border-radius:12px;font-weight:600;font-size:.875rem;z-index:9998;transition:.4s cubic-bezier(.22,1,.36,1);white-space:nowrap}.fade-left,.fade-right,.fade-up,.scale-in{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.fade-up{transform:translateY(30px)}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-left{transform:translateX(-30px)}.fade-left.visible,.fade-right.visible{opacity:1;transform:translateX(0)}.fade-right{transform:translateX(30px)}.scale-in{transform:scale(.95)}.scale-in.visible{opacity:1;transform:scale(1)}.stat-num{font-size:3rem;font-weight:900;color:var(--accent);line-height:1}.section-label{font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:8px}.section-label::before{content:'';width:20px;height:1.5px;background:var(--accent);display:inline-block}.theme-toggle{background:var(--card-bg);border:1px solid var(--border-color);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:.3s}.theme-toggle:hover{color:var(--accent)}@media(max-width:768px){.stat-num{font-size:2.2rem}.bento-num{font-size:2rem}}