nav{display:flex;justify-content:space-between;align-items:center;padding:22px 6%;width:100%;max-width:100%;margin:auto;position:sticky;top:0;z-index:1000;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none;border-radius:0;transition:all .4s cubic-bezier(.25,.8,.25,1)}nav.scrolled{padding:14px 2%;max-width:1400px;top:20px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:52px;box-shadow:0 10px 30px #0000001a}.logo{font-size:1.5rem;font-weight:700}.logo span{color:var(--primary)}.nav-right{display:flex;align-items:center;gap:12px}.nav-links{display:flex;align-items:center}.nav-links a{color:var(--text-muted);margin-left:28px;text-decoration:none;font-size:.92rem}.nav-links a:hover{color:var(--text-main)}.menu-toggle{display:none;background:none;border:none;font-size:1.4rem;color:var(--text-main);cursor:pointer}.theme-toggle{background:#ffffff0f;border:1px solid var(--glass-border);color:var(--text-main);padding:8px 12px;border-radius:10px;cursor:pointer;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center}.nav-login-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff!important;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:700;text-decoration:none;border-radius:10px;letter-spacing:.3px;white-space:nowrap;line-height:1;height:38px;transition:opacity .3s,transform .25s,box-shadow .3s;box-shadow:0 4px 14px var(--primary-glow)}.nav-login-btn:hover{opacity:.88;transform:translateY(-2px);box-shadow:0 8px 22px var(--primary-glow);color:#fff}@media (max-width: 768px){nav{max-width:100%;width:100%;margin:0}.menu-toggle{display:block}.nav-links{position:fixed;top:64px;left:0;right:0;width:100%;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);border-radius:0;padding:20px 24px;display:none;flex-direction:column;gap:18px;text-align:center;z-index:999}.nav-links a{margin:0;font-size:1rem}.nav-links .mobile-login-link{display:block;text-align:center;margin:4px 0 0;padding:10px 20px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff!important;font-weight:700;border-radius:10px;text-decoration:none;font-size:.95rem}.nav-links.show{display:flex}}.hero{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:0 24px}.hero-inner{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.badge{display:inline-flex;padding:6px 16px;border-radius:20px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);color:var(--primary);margin-bottom:24px}.hero-custom-badge{height:60px;width:auto;margin-bottom:24px;filter:drop-shadow(0 0 10px rgba(99,102,241,.3));transition:all .3s ease;cursor:pointer}.hero-custom-badge:hover{transform:translateY(-3px) scale(1.05);filter:drop-shadow(0 0 20px rgba(99,102,241,.6))}h1{font-size:4rem;line-height:1.1;margin-bottom:24px;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.light-theme h1{background:linear-gradient(to right,var(--text-main),var(--text-muted));-webkit-background-clip:text;background-clip:text}h1 span{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subtitle{max-width:500px;color:var(--text-muted);margin-bottom:16px}.hero-byline{font-size:.78rem;color:var(--text-muted);margin-bottom:32px;opacity:.65;letter-spacing:.01em}.hero-byline-link{color:var(--primary, #6366f1);text-decoration:none;font-weight:600}.hero-byline-link:hover{text-decoration:underline}.btn-group{display:flex;gap:16px}.btn{padding:14px 32px;border-radius:12px;text-decoration:none;font-weight:600;position:relative;z-index:2;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:0 12px 32px var(--primary-glow)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 45px var(--primary-glow)}.btn-secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);box-shadow:0 8px 24px #0000001a}.btn-secondary:hover{background:var(--glass-bg);transform:translateY(-3px);box-shadow:0 14px 32px #00000026;border-color:var(--primary)}.code-wrapper{perspective:1000px}.code-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;transform:rotateY(-5deg) rotateX(2deg);transition:.5s}.code-card:hover{transform:none}.window-header{padding:12px 16px;display:flex;gap:8px}.window-header .dot{width:12px;height:12px;border-radius:50%;display:inline-block}.window-header .dot.red{background:#ff5f56}.window-header .dot.yellow{background:#ffbd2e}.window-header .dot.green{background:#27c93f}.code-area{padding:24px;font-family:Fira Code,monospace;font-size:14px;height:320px;overflow:hidden}.code-line{display:flex;min-height:22px}.line-num{width:30px;text-align:right;margin-right:15px;color:#4b5563}.type-text{white-space:pre;color:var(--code-plain)}.kwd{color:var(--code-keyword)}.func{color:var(--code-func)}.str{color:var(--code-string)}.cursor{width:2px;height:18px;background:var(--accent);display:inline-block;animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}@media (max-width:968px){.hero-inner{grid-template-columns:1fr;text-align:center;gap:40px}h1{font-size:2.8rem}.subtitle{margin:0 auto 32px}.btn-group{justify-content:center;flex-wrap:wrap}.code-card{transform:none;max-width:520px;margin:auto}}@media (max-width:600px){.hero{min-height:auto;padding:60px 16px}h1{font-size:2.2rem}.btn{padding:12px 24px;font-size:.9rem;width:100%;text-align:center;justify-content:center}.btn-group{flex-direction:column;gap:12px}.code-area{height:240px;font-size:12px;padding:16px}}@media (max-width:400px){h1{font-size:1.9rem}.hero-custom-badge{height:48px}}.services-section{padding:140px 24px 30px;position:relative}.services-container{max-width:1100px;margin:auto}.services-header{text-align:center;margin-bottom:120px}.services-header h2{font-size:3.2rem;font-weight:800;margin-bottom:20px}.services-header h2 span{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.services-header p{max-width:640px;margin:auto;color:var(--text-muted);font-size:1.15rem;line-height:1.7}.service-row{display:flex;align-items:center;gap:100px;margin-bottom:140px}.service-row.reverse{flex-direction:row-reverse}.service-content{flex:1}.service-content h3{font-size:2.6rem;margin-bottom:18px}.service-content h3 span{color:var(--primary)}.service-content p{color:var(--text-muted);line-height:1.8;font-size:1.1rem;margin-bottom:32px;max-width:520px}.service-list{list-style:none}.service-list li{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-weight:600}.service-list li:before{content:"✔";color:#22c55e}.service-visual{flex:1}.code-box{background:var(--glass-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--glass-border);border-radius:16px;padding:36px;font-family:Fira Code,monospace;color:#93c5fd;box-shadow:0 20px 60px #00000059}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.solution-box{background:var(--glass-bg);border:1px solid var(--glass-border);padding:32px;border-radius:18px;text-align:center;font-weight:600;transition:.35s ease;box-shadow:0 12px 35px #00000040}.solution-box:hover{transform:translateY(-6px);background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:0 25px 55px #6366f173}@media (max-width:900px){.service-row,.service-row.reverse{flex-direction:column;gap:60px;text-align:center}.service-content p{margin:0 auto 32px}}@media (max-width:600px){.services-section{padding:80px 16px 30px}.services-header{margin-bottom:60px}.services-header h2{font-size:2.2rem}.service-content h3{font-size:1.8rem}.service-list li{font-size:.95rem;justify-content:center}.code-box{padding:24px;font-size:.85rem}.solution-grid{grid-template-columns:1fr}}:root{--bg-dark: #050511;--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .4);--accent: #a855f7;--text-main: #f8fafc;--text-muted: #94a3b8;--glass-bg: rgba(30, 41, 59, .4);--glass-border: rgba(255, 255, 255, .08);--code-keyword: #c678dd;--code-func: #61afef;--code-string: #98c379;--code-plain: #abb2bf;--bg-tech: #0b0e14;--panel-bg: #151b26;--accent-cyan: #00f0ff;--border-color: #2d3748;--card-bg: rgba(15, 15, 15, .8);--text-dim: #a0a0a0}.light-theme{--bg-dark: #f8fafc;--primary: #4f46e5;--primary-glow: rgba(79, 70, 229, .25);--accent: #7c3aed;--text-main: #0f172a;--text-muted: #475569;--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(15, 23, 42, .08);--code-keyword: #7c3aed;--code-func: #2563eb;--code-string: #16a34a;--code-plain: #334155;--bg-tech: #f1f5f9;--panel-bg: #ffffff;--accent-cyan: #0ea5e9;--border-color: #cbd5e1;--card-bg: rgba(255, 255, 255, .8);--text-dim: #64748b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background:var(--bg-dark);color:var(--text-main);overflow-x:hidden;transition:.4s}.bg-blob{position:absolute;width:600px;height:600px;background:radial-gradient(circle,var(--primary-glow),transparent 70%);border-radius:50%;z-index:-1;animation:blobFloat 10s infinite alternate}.blob-1{top:-10%;left:-10%}.blob-2{bottom:-10%;right:-10%;background:radial-gradient(circle,rgba(168,85,247,.3),transparent 70%);animation-delay:-5s}@keyframes blobFloat{to{transform:translate(40px,-40px) scale(1.1)}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}