.site-header[data-astro-cid-nen7h5rs]{background-color:var(--base);z-index:100;backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:.8rem 0;position:sticky;top:0}.site-header[data-astro-cid-nen7h5rs] .container[data-astro-cid-nen7h5rs]{justify-content:space-between;align-items:center;display:flex}.logo[data-astro-cid-nen7h5rs]{font-size:1.25rem;font-weight:600}.logo[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{color:var(--text-primary);text-decoration:none}.logo-dot[data-astro-cid-nen7h5rs]{color:var(--accent)}.main-nav[data-astro-cid-nen7h5rs] ul[data-astro-cid-nen7h5rs]{gap:2rem;list-style:none;display:flex}.main-nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{color:var(--text-primary);text-decoration:none;transition:color .2s}.main-nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:hover{color:var(--accent)}@media (width<=768px){.main-nav[data-astro-cid-nen7h5rs]{display:none}}footer[data-astro-cid-jo6i4kqk]{background-color:var(--base);border-top:1px solid var(--border);padding:3rem 0 1.5rem}.footer-content[data-astro-cid-jo6i4kqk]{justify-content:space-between;margin-bottom:2rem;display:flex}.footer-logo[data-astro-cid-jo6i4kqk]{font-size:1.25rem;font-weight:600}.logo-text[data-astro-cid-jo6i4kqk]{color:var(--text-primary)}.logo-dot[data-astro-cid-jo6i4kqk]{color:var(--accent)}.footer-links[data-astro-cid-jo6i4kqk]{gap:1.5rem;display:flex}.footer-links[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-links[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:var(--accent)}.footer-bottom[data-astro-cid-jo6i4kqk]{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);padding-top:1.5rem;font-size:.9rem}@media (width<=768px){.footer-content[data-astro-cid-jo6i4kqk]{flex-direction:column;gap:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}:root{--base:#0d1117;--surface:#1e222a;--accent:#00e7ff;--accent-rgb:0, 231, 255;--warning:#ff3cac;--text-primary:#e6edf3;--text-muted:#8b949e;--text-secondary:var(--text-muted);--border:#8b949e33;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", monospace}body{font-family:var(--font-sans);background:var(--base);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero{background:radial-gradient(ellipse at center top, #1a1f2e 0%, var(--base) 60%);align-items:center;min-height:85vh;padding-top:0;display:flex;position:relative}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;padding-top:20px;display:grid}.hero-left h1{margin-bottom:20px;font-size:clamp(2.5rem,5vw,4rem);font-weight:600;position:relative}.hero-left h1:after{content:"";background:var(--accent);width:0;height:2px;animation:.8s ease-out .3s forwards slideIn;position:absolute;bottom:-10px;left:0}@keyframes slideIn{to{width:120px}}.hero-left p{color:var(--text-muted);max-width:560px;margin-bottom:28px;font-size:1.25rem}.hero-link{color:var(--accent);font-family:var(--font-mono);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s;display:inline-block}.hero-link:hover{border-bottom-color:var(--accent)}.code-panel{backdrop-filter:blur(10px);border:1px solid var(--border);font-family:var(--font-mono);background:#1e222a80;border-radius:12px;margin-top:10px;padding:28px;font-size:.9rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003}.code-panel:before{content:"";background:linear-gradient(45deg, transparent, rgba(var(--accent-rgb), .1), transparent);width:200%;height:200%;animation:3s infinite shimmer;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}@keyframes shimmer{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}.code-header{gap:8px;margin-bottom:20px;display:flex}.code-dot{border-radius:50%;width:12px;height:12px}.code-dot:first-child{background:#ff5f56}.code-dot:nth-child(2){background:#ffbd2e}.code-dot:nth-child(3){background:#27c93f}.code-line{opacity:0;margin:8px 0;animation:.5s ease-out forwards fadeInUp;transform:translateY(10px)}.code-line:nth-child(2){animation-delay:.5s}.code-line:nth-child(3){animation-delay:1s}.code-line:nth-child(4){animation-delay:1.5s}.code-line:nth-child(5){animation-delay:2s}.code-line:nth-child(6){animation-delay:2.5s}.code-line:nth-child(7){animation-delay:3s}.code-line:nth-child(8){animation-delay:3.5s}.code-line:nth-child(9){animation-delay:4s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.code-comment{color:#8b949e}.code-keyword{color:#ff79c6}.code-string{color:#50fa7b}.code-url{color:var(--accent)}.watch-item{align-items:flex-start;gap:.65rem;display:flex}.watch-arrow{color:var(--accent)}.watch-text{color:var(--text-muted)}.features,.code-showcase{padding:40px 0}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:40px;transition:all .3s ease-out;position:relative;overflow:hidden}.feature-card:after{content:"";background:var(--accent);width:0;height:3px;transition:width .3s ease-out;position:absolute;bottom:0;left:0}.feature-card:hover{border-color:rgba(var(--accent-rgb), .3);transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.feature-card:hover:after{width:100%}.feature-number{color:var(--accent);margin-bottom:16px;font-size:1.8rem;font-weight:600}.feature-card h3{margin-bottom:12px;font-size:1.5rem}.feature-card p{color:var(--text-muted)}.section-header{text-align:center;margin-bottom:30px}.section-header h2{color:var(--text-primary);margin-bottom:15px;font-size:2rem}.section-header p{color:var(--text-muted);max-width:600px;margin:0 auto}.tabs{border-bottom:1px solid var(--border);gap:20px;margin-bottom:30px;display:flex}.tab{cursor:pointer;color:var(--text-muted);font-family:var(--font-mono);border-bottom:2px solid #0000;padding:12px 24px;transition:all .2s ease-out}.tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.tab:hover{color:var(--text-primary)}.tab-content{display:none}.tab-content.active{animation:.3s ease-out fadeIn;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-left h1:after{left:50%;transform:translate(-50%)}.code-panel{font-size:.75rem}section{padding:50px 0}.tabs{flex-wrap:wrap}.section-header h2{font-size:1.75rem}}