.docs-hero{background:linear-gradient(135deg,#0052cc 0%,#0041a3 50%,#7c3aed 100%);color:#fff;padding:60px 0 40px;position:relative;overflow:hidden}.docs-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.docs-hero-content{position:relative;z-index:1}html{scroll-behavior:smooth;-webkit-scroll-behavior:smooth}.docs-mobile-menu{display:none}@media(max-width:1023px){.docs-mobile-menu{display:block}.docs-sidebar{position:fixed;left:-100%;top:0;height:100vh;width:280px;max-width:90vw;background:#fff;z-index:1000;transition:left .3s ease;-webkit-transition:left .3s ease;overflow-y:auto;box-shadow:2px 0 10px rgba(0,0,0,.1);-webkit-box-shadow:2px 0 10px rgba(0,0,0,.1)}.docs-sidebar.open{left:0}.docs-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999}.docs-overlay.open{display:block}}pre{background:#1e293b;border-radius:8px;padding:1.5rem;overflow-x:auto;position:relative;margin:0;word-wrap:break-word;white-space:pre-wrap}pre code{color:#e2e8f0;font-size:.875rem;line-height:1.75;display:block;font-family:'Courier New',Courier,monospace}.copy-btn{position:absolute;top:.75rem;right:.75rem;background:rgba(255,255,255,.1);border:none;color:#e2e8f0;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.75rem;transition:all .2s;-webkit-transition:all .2s;z-index:10}.copy-btn:hover{background:rgba(255,255,255,.2)}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;width:100%}section[id]{scroll-margin-top:100px}.nav-item.active{background:#eef2ff;color:#4f46e5;font-weight:600}@supports(-ms-ime-align:auto){.flex{display:-ms-flexbox}.grid{display:-ms-grid}}.card{display:block;width:100%}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}@media(max-width:640px){h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}pre code{font-size:.75rem}}