.site-header[data-astro-cid-3ef6ksr2]{padding:.8rem 0;background-color:var(--base);position:sticky;top:0;z-index:100;backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.site-header[data-astro-cid-3ef6ksr2] .container[data-astro-cid-3ef6ksr2]{display:flex;justify-content:space-between;align-items:center}.logo[data-astro-cid-3ef6ksr2]{font-weight:600;font-size:1.25rem}.logo[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{color:var(--text-primary);text-decoration:none}.logo-dot[data-astro-cid-3ef6ksr2]{color:var(--accent)}.main-nav[data-astro-cid-3ef6ksr2] ul[data-astro-cid-3ef6ksr2]{display:flex;list-style:none;gap:2rem}.main-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{color:var(--text-primary);text-decoration:none;transition:color .2s ease}.main-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover{color:var(--accent)}@media(max-width:768px){.main-nav[data-astro-cid-3ef6ksr2]{display:none}}footer[data-astro-cid-sz7xmlte]{padding:3rem 0 1.5rem;background-color:var(--base);border-top:1px solid var(--border)}.footer-content[data-astro-cid-sz7xmlte]{display:flex;justify-content:space-between;margin-bottom:2rem}.footer-logo[data-astro-cid-sz7xmlte]{font-weight:600;font-size:1.25rem}.logo-text[data-astro-cid-sz7xmlte]{color:var(--text-primary)}.logo-dot[data-astro-cid-sz7xmlte]{color:var(--accent)}.footer-links[data-astro-cid-sz7xmlte]{display:flex;gap:1.5rem}.footer-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--text-muted);text-decoration:none;transition:color .2s ease}.footer-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--accent)}.footer-bottom[data-astro-cid-sz7xmlte]{text-align:center;color:var(--text-muted);font-size:.9rem;padding-top:1.5rem;border-top:1px solid var(--border)}@media(max-width:768px){.footer-content[data-astro-cid-sz7xmlte]{flex-direction:column;gap:1.5rem}}*{margin:0;padding:0;box-sizing:border-box}: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: rgba(139, 148, 158, .2);--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{min-height:85vh;display:flex;align-items:center;position:relative;background:radial-gradient(ellipse at center top,#1a1f2e 0%,var(--base) 60%);padding-top:0}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;width:100%;padding-top:20px}.hero-left h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:600;margin-bottom:20px;position:relative}.hero-left h1:after{content:"";position:absolute;bottom:-10px;left:0;width:0;height:2px;background:var(--accent);animation:slideIn .8s ease-out .3s forwards}@keyframes slideIn{to{width:120px}}.hero-left p{font-size:1.25rem;color:var(--text-muted);margin-bottom:28px;max-width:560px}.hero-link{display:inline-block;color:var(--accent);text-decoration:none;font-family:var(--font-mono);border-bottom:1px solid transparent;transition:border-color .2s ease}.hero-link:hover{border-bottom-color:var(--accent)}.code-panel{background:#1e222a80;backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:12px;padding:28px;font-family:var(--font-mono);font-size:.9rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003;margin-top:10px}.code-panel:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(var(--accent-rgb),.1),transparent);transform:rotate(45deg);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.code-header{display:flex;gap:8px;margin-bottom:20px}.code-dot{width:12px;height:12px;border-radius:50%}.code-dot:nth-child(1){background:#ff5f56}.code-dot:nth-child(2){background:#ffbd2e}.code-dot:nth-child(3){background:#27c93f}.code-line{margin:8px 0;opacity:0;transform:translateY(10px);animation:fadeInUp .5s ease-out forwards}.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{display:flex;gap:.65rem;align-items:flex-start}.watch-arrow{color:var(--accent)}.watch-text{color:var(--text-muted)}.features,.code-showcase{padding:40px 0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.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:"";position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--accent);transition:width .3s ease-out}.feature-card:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.3);box-shadow:0 20px 40px #0000004d}.feature-card:hover:after{width:100%}.feature-number{color:var(--accent);font-size:1.8rem;font-weight:600;margin-bottom:16px}.feature-card h3{font-size:1.5rem;margin-bottom:12px}.feature-card p{color:var(--text-muted)}.section-header{text-align:center;margin-bottom:30px}.section-header h2{font-size:2rem;margin-bottom:15px;color:var(--text-primary)}.section-header p{color:var(--text-muted);max-width:600px;margin:0 auto}.tabs{display:flex;gap:20px;margin-bottom:30px;border-bottom:1px solid var(--border)}.tab{padding:12px 24px;cursor:pointer;color:var(--text-muted);transition:all .2s ease-out;border-bottom:2px solid transparent;font-family:var(--font-mono)}.tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.tab:hover{color:var(--text-primary)}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.hero-content{grid-template-columns:1fr;text-align:center}.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}}