:root{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-card:#16161f;--bg-card-hover:#1c1c28;--border:#232333;--border-light:#2a2a3d;--text-primary:#e8e8f0;--text-secondary:#9090a8;--text-muted:#606078;--accent:#6366f1;--accent-light:#818cf8;--accent-glow:rgba(99,102,241,.15);--accent-glow-strong:rgba(99,102,241,.3);--teal:#2dd4bf;--teal-glow:rgba(45,212,191,.15);--amber:#f59e0b;--amber-glow:rgba(245,158,11,.12);--font-display:"Instrument Serif",Georgia,serif;--font-body:"DM Sans",sans-serif;--font-mono:"JetBrains Mono",monospace;--max-width:1200px}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;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");pointer-events:none;z-index:9999}a{color:inherit}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:.9rem 2rem;justify-content:space-between;background:rgba(10,10,15,.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border)}.nav-logo,nav{display:flex;align-items:center}.nav-logo{gap:.6rem;text-decoration:none;color:var(--text-primary)}.nav-logo img{width:38px;height:38px;border-radius:10px;object-fit:cover}.nav-logo-text{font-family:var(--font-display);font-size:1.25rem;letter-spacing:-.01em}.nav-links{display:flex;gap:.25rem;list-style:none;align-items:center}.nav-links a{text-decoration:none;color:var(--text-secondary);font-size:.85rem;font-weight:400;letter-spacing:.01em;padding:.5rem .9rem;border-radius:8px;transition:all .2s}.nav-links a.active,.nav-links a:hover{color:var(--text-primary);background:hsla(0,0%,100%,.04)}.nav-cta{background:var(--accent)!important;color:#fff!important;font-weight:500!important;transition:all .2s!important}.nav-cta:hover{background:var(--accent-light)!important;box-shadow:0 0 20px var(--accent-glow-strong)!important}.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:4px}.nav-hamburger span{display:block;width:22px;height:2px;background:var(--text-secondary);border-radius:2px;transition:all .3s}.page-top{padding-top:5rem}section{padding:5rem 2rem}.container{max-width:var(--max-width);margin:0 auto}.section-label{font-family:var(--font-mono);font-size:.72rem;color:var(--accent-light);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.75rem}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:400;letter-spacing:-.02em;margin-bottom:.75rem}.section-desc{color:var(--text-secondary);max-width:600px;line-height:1.7;margin-bottom:3rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.6rem;border-radius:10px;font-family:var(--font-body);font-size:.92rem;font-weight:500;text-decoration:none;cursor:pointer;border:none;transition:all .25s ease}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 0 30px var(--accent-glow)}.btn-primary:hover{background:var(--accent-light);box-shadow:0 0 40px var(--accent-glow-strong);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{border-color:var(--text-muted);background:var(--bg-card)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .3s}.card:hover{border-color:var(--border-light);background:var(--bg-card-hover);transform:translateY(-2px)}.card:hover:before{opacity:1}.tag{font-family:var(--font-mono);font-size:.7rem;padding:.22rem .6rem;border-radius:6px;background:hsla(0,0%,100%,.04);border:1px solid var(--border);color:var(--text-muted);display:inline-block}.tag-accent{background:var(--accent-glow);border-color:rgba(99,102,241,.2);color:var(--accent-light)}.metric-badge{display:inline-flex;align-items:center;gap:.4rem;margin-top:.75rem;padding:.3rem .7rem;background:rgba(45,212,191,.08);border:1px solid rgba(45,212,191,.15);border-radius:8px;font-family:var(--font-mono);font-size:.7rem;color:var(--teal)}footer{border-top:1px solid var(--border);padding:2.5rem 2rem}.footer-inner{max-width:var(--max-width);margin:0 auto;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-inner,.footer-left{display:flex;align-items:center}.footer-left{gap:.6rem}.footer-left img{width:28px;height:28px;border-radius:7px}.footer-left span{color:var(--text-muted);font-size:.8rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.8rem;transition:color .2s}.footer-links a:hover{color:var(--text-secondary)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.glow{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none}@media (max-width:768px){nav{padding:.75rem 1.25rem}.nav-links{display:none}.nav-hamburger{display:flex}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:rgba(10,10,15,.97);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:1.25rem;border-bottom:1px solid var(--border);gap:.25rem}.nav-links.open a{padding:.75rem 1rem;font-size:.95rem}section{padding:3.5rem 1.25rem}.page-top{padding-top:4.5rem}.footer-inner{flex-direction:column;text-align:center}}code[class*=language-],pre[class*=language-]{color:#e8e8f0;font-family:var(--mono,"JetBrains Mono","Fira Code",monospace);font-size:.85rem;line-height:1.7;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;-moz-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}pre[class*=language-]{margin:0;padding:1.25rem;overflow-x:auto;background:#12121a}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#606078;font-style:italic}.token.punctuation{color:#9090a8}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.number,.token.property,.token.symbol,.token.tag{color:#f59e0b}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#2dd4bf}.token.entity,.token.operator,.token.url{color:#9090a8}.token.atrule,.token.attr-value,.token.keyword{color:#818cf8}.token.class-name,.token.function{color:#6366f1}.token.important,.token.regex,.token.variable{color:#f59e0b}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.deleted{color:#ef4444}.token.annotation,.token.decorator{color:#f59e0b}.language-python .token.builtin{color:#6366f1}.language-python .token.keyword{color:#818cf8}.language-python .token.string{color:#2dd4bf}.language-python .token.triple-quoted-string{color:#2dd4bf;font-style:italic}.language-yaml .token.key{color:#6366f1}.language-markdown .token.title{color:#6366f1;font-weight:700}.language-markdown .token.bold{color:#f59e0b;font-weight:700}.language-markdown .token.italic{color:#2dd4bf;font-style:italic}.language-markdown .token.code{color:#818cf8}