:root{--bg:#fff;--text:#111;--muted:#555;--surface:#f8f9fa;--border:#e5e7eb;--accent:#00d084;--accent-2:#ff6900;--accent-3:#f78da7;--warning:#fcb900;--danger:#cf2e2e;--info:#7bdcb5;--link:#00d084;--header-h:4.5rem;--header-h-shrink:3.5rem;--radius:.75rem;--radius-xl:1rem;--shadow:0 8px 30px rgba(0,0,0,.08);--shadow-sm:0 2px 10px rgba(0,0,0,.06);--glass:rgba(255,255,255,.78);--glass-border:rgba(0,0,0,.08)}.dark{--bg:#0a0a0a;--text:#eaeaea;--muted:#abb8c3;--surface:#121212;--border:#1f2937;--glass:rgba(17,17,17,.72);--glass-border:rgba(255,255,255,.08);--link:#7bdcb5}html,body{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Poppins,Open Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica Neue,Noto Sans,sans-serif;line-height:1.6}a{color:var(--link)}a:hover{opacity:.9}img{max-width:100%;height:auto}hr{border-color:var(--border)}.site-header{position:sticky;top:0;z-index:50;height:var(--header-h);transition:height .25s ease,background-color .25s ease,box-shadow .25s ease,transform .25s ease;border-bottom:1px solid var(--glass-border);background:var(--glass);backdrop-filter:saturate(150%) blur(10px)}.site-header.shrink{height:var(--header-h-shrink);box-shadow:0 6px 20px rgba(0,0,0,.08)}.site-logo{font-weight:700;letter-spacing:.2px}.nav-link{color:var(--text);opacity:.9;padding:.25rem .5rem;border-radius:.5rem;transition:opacity .2s ease,background-color .2s ease}.nav-link:hover,.nav-link:focus{opacity:1;background:rgba(0,0,0,.05)}.dark .nav-link:hover,.dark .nav-link:focus{background:rgba(255,255,255,.06)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1rem;border-radius:var(--radius);font-weight:600;transition:transform .08s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease;border:1px solid transparent}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#000;box-shadow:var(--shadow-sm)}.btn-primary:hover{filter:brightness(.95)}.btn-outline{background:transparent;color:var(--text);border-color:var(--border)}.btn-outline:hover{background:rgba(0,0,0,.05)}.dark .btn-outline:hover{background:rgba(255,255,255,.06)}.btn-ghost{background:transparent;color:var(--text)}.badge{display:inline-block;padding:.25rem .5rem;border-radius:.5rem;border:1px solid var(--border);background:var(--surface);font-size:.75rem}.badge-example{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#000;font-weight:700;box-shadow:var(--shadow-sm);text-transform:uppercase;letter-spacing:.5px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-hover{transition:transform .2s ease,box-shadow .2s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.shadow-soft{box-shadow:var(--shadow)}.rounded-xl{border-radius:var(--radius-xl)}.transition-base{transition:all .25s ease}.gradient-accent{background:linear-gradient(135deg,var(--accent),var(--accent-2))}.text-muted{color:var(--muted)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:1rem;top:1rem;width:auto;height:auto;z-index:1000;background:var(--accent);color:#000;padding:.5rem .75rem;border-radius:.5rem}input,select,textarea{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:.5rem;padding:.65rem .75rem}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.7}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent),transparent 80%)}label{font-weight:600}.faq-item{border-bottom:1px solid var(--border)}.faq-q{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-open .faq-a{max-height:600px;padding:.5rem 0}.carousel{position:relative;overflow:hidden}.carousel-track{display:flex;gap:1rem;scroll-snap-type:x mandatory;overflow-x:auto;padding-bottom:.5rem}.carousel-track>*{scroll-snap-align:start;flex:0 0 85%;max-width:85%}@media(min-width:768px){.carousel-track>*{flex:0 0 45%;max-width:45%}}.carousel-nav{position:absolute;inset:0;pointer-events:none}.carousel-btn{pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);background:var(--glass);border:1px solid var(--glass-border);width:2.25rem;height:2.25rem;border-radius:9999px;display:grid;place-items:center;backdrop-filter:saturate(150%) blur(6px)}.carousel-btn:hover{filter:brightness(.95)}.carousel-prev{left:.5rem}.carousel-next{right:.5rem}#backToTop{position:fixed;right:1rem;bottom:1rem;z-index:40;opacity:0;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease}#backToTop.show{opacity:1;transform:translateY(0)}.example-ribbon{position:fixed;left:-3.5rem;top:1rem;transform:rotate(-45deg);background:linear-gradient(135deg,var(--accent-3),var(--accent-2));color:#000;padding:.35rem 3.75rem;font-weight:800;letter-spacing:.5px;box-shadow:var(--shadow-sm);z-index:60}.table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:.5rem;overflow:hidden}.table th,.table td{padding:.75rem;border-bottom:1px solid var(--border)}.table thead th{background:var(--surface);text-align:left}.hero{background:radial-gradient(1200px 500px at 20% -10%,color-mix(in srgb,var(--accent),transparent 85%),transparent),radial-gradient(900px 400px at 90% -20%,color-mix(in srgb,var(--accent-2),transparent 85%),transparent)}.chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--surface);border:1px solid var(--border);border-radius:9999px;padding:.25rem .6rem;font-size:.8rem}.site-footer{border-top:1px solid var(--border);background:var(--surface)}.footer-link{opacity:.9}.footer-link:hover{opacity:1}.checklist{list-style:none;padding:0;margin:0}.checklist li{display:flex;gap:.5rem;align-items:flex-start;margin:.35rem 0}.checklist .icon{color:var(--accent)}.tabs{display:flex;gap:.5rem;flex-wrap:wrap;border-bottom:1px solid var(--border)}.tab{padding:.5rem .75rem;border-radius:.5rem .5rem 0 0;background:transparent;border:1px solid transparent}.tab.active{border-color:var(--border);border-bottom-color:var(--surface);background:var(--surface)}.tabpanel{display:none}.tabpanel.active{display:block}.toast{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%) translateY(20px);background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:saturate(150%) blur(8px);padding:.5rem .75rem;border-radius:.5rem;opacity:0;transition:opacity .25s ease,transform .25s ease}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.prose h1,.prose h2,.prose h3{font-family:Poppins,Open Sans,system-ui,sans-serif;font-weight:700}.prose p{color:var(--text)}code,pre{font-family:Menlo,Consolas,monaco,Courier New,monospace}pre{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:.75rem;overflow:auto}.cta-strip{background:linear-gradient(90deg,var(--accent) 0%,var(--accent-2) 50%,var(--accent-3) 100%);color:#000}.cta-strip .btn{background:#000;color:#fff}.dark .cta-strip .btn{background:#fff;color:#000}