html{scroll-padding-top:80px;scroll-behavior:smooth}body{background:#0a0a0f;color:#f1f5f9;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;margin:0;line-height:1.6;min-height:100vh;padding-top:64px;background-image:radial-gradient(ellipse 80% 50% at 50% -20%, rgba(124,58,237,.15), rgba(0,0,0,0)),radial-gradient(ellipse 60% 40% at 100% 0%, rgba(255,77,77,.08), rgba(0,0,0,0));background-attachment:fixed}a{color:#00d4ff;text-decoration:none;transition:color .2s ease}a:hover{color:#3df}.top-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(18,18,26,.8);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.08)}.top-nav::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg, rgba(0,0,0,0), rgba(0,212,255,.3), rgba(255,77,77,.3), rgba(0,0,0,0))}.nav-container{max-width:1400px;margin:0 auto;padding:0 1.5rem;height:64px;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.25rem;color:#fff;transition:all .3s ease}.nav-brand:hover{opacity:.9;text-shadow:0 0 20px rgba(255,255,255,.3)}.nav-links{display:flex;align-items:center;gap:.5rem}.nav-link{padding:.5rem 1rem;border-radius:8px;color:#94a3b8;font-weight:500;font-size:.9rem;transition:all .3s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;gap:.5rem;position:relative}.nav-link:hover{color:#fff;background:rgba(255,255,255,.05)}.nav-link::before{content:"";position:absolute;inset:0;border-radius:8px;padding:1px;background:linear-gradient(135deg, rgba(0,0,0,0) 40%, rgba(0,212,255,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.nav-link:hover::before{opacity:1}.nav-github{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}.nav-github:hover{border-color:rgba(0,212,255,.4);background:rgba(0,212,255,.05)}.mobile-menu-btn{display:none;background:none;border:none;color:#f1f5f9;cursor:pointer;padding:.5rem}@media (max-width: 768px){.nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:#12121a;border-bottom:1px solid rgba(255,255,255,.08);flex-direction:column;padding:1rem;gap:.5rem}.nav-links.open{display:flex}.nav-links .nav-link{width:100%;justify-content:flex-start}.mobile-menu-btn{display:block}}.hero{text-align:center;padding:8rem 1.5rem 6rem;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 50% 0%, rgba(255,77,77,.08) 0%, rgba(0,0,0,0) 50%),radial-gradient(ellipse 60% 40% at 80% 20%, rgba(0,212,255,.05) 0%, rgba(0,0,0,0) 40%);pointer-events:none}.logo{width:140px;height:140px;margin-bottom:1.5rem;filter:drop-shadow(0 4px 20px rgba(255,77,77,.25))}.showcase{text-align:center;padding:4rem 2rem 5rem;background:linear-gradient(180deg, #0a0a0f 0%, #12121a 50%, #0a0a0f 100%);position:relative}.showcase img{max-width:900px;width:100%;height:auto;border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px rgba(0,0,0,.4)}.hero h1{font-size:4.5rem;margin:0 0 1rem;color:#fff;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg, #fff 0%, rgba(255,255,255,.8) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.hero-title{max-width:600px;width:100%;height:auto;margin-bottom:1.5rem;position:relative;z-index:1;filter:drop-shadow(0 10px 40px rgba(0,0,0,.3))}.tagline{font-size:1.4rem;color:#94a3b8;margin-bottom:3rem;max-width:650px;margin-left:auto;margin-right:auto;position:relative;z-index:1;line-height:1.7}.buttons{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}.button{padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;display:inline-flex;align-items:center;gap:.6rem;transition:all .3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.button.primary{background:linear-gradient(135deg, #ff4d4d 0%, #ff6b6b 100%);color:#fff;box-shadow:0 4px 16px rgba(255,77,77,.3)}.button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(255,77,77,.35)}.button.primary:active{transform:translateY(0)}.button.secondary{background:rgba(255,255,255,.03);color:#f1f5f9;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px)}.button.secondary:hover{background:rgba(255,255,255,.06);border-color:rgba(0,212,255,.3);transform:translateY(-2px)}.features{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:6rem 2rem;max-width:1300px;margin:0 auto;position:relative}.features::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:600px;height:600px;background:radial-gradient(circle, rgba(124,58,237,.08) 0%, rgba(0,0,0,0) 60%);pointer-events:none}.feature{flex:1 1 320px;max-width:400px;background:rgba(18,18,26,.6);padding:2.25rem;border-radius:16px;border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.feature:hover{transform:translateY(-4px);border-color:rgba(255,77,77,.3);box-shadow:0 12px 40px rgba(0,0,0,.3)}.feature:hover .feature-icon{background:rgba(255,77,77,.1);border-color:rgba(255,77,77,.3)}.feature h3{color:#fff;margin:0 0 .75rem;font-size:1.3rem;font-weight:700;position:relative;z-index:1}.feature p{color:#94a3b8;margin:0;line-height:1.75;position:relative;z-index:1}.feature-icon{width:56px;height:56px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;transition:all .4s cubic-bezier(.4, 0, .2, 1);position:relative;z-index:1}.feature-icon svg{stroke:#ff4d4d}.why-section{padding:5rem 2rem 6rem;max-width:900px;margin:0 auto;text-align:center;position:relative}.why-section::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:1px;background:linear-gradient(90deg, rgba(0,0,0,0), rgba(255,255,255,.12), rgba(0,0,0,0))}.why-section::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60%;height:1px;background:linear-gradient(90deg, rgba(0,0,0,0), rgba(255,255,255,.12), rgba(0,0,0,0))}.why-section h2{font-size:2.5rem;color:#fff;margin:0 0 1.5rem;font-weight:700}.why-section p{color:#94a3b8;font-size:1.25rem;max-width:700px;margin:0 auto;line-height:1.8}.docs-layout{min-height:calc(100vh - 64px)}.sidebar{width:280px;flex-shrink:0;background:#12121a;border-right:1px solid rgba(255,255,255,.08);padding:1.5rem 0;position:fixed;top:64px;left:0;height:calc(100vh - 64px);overflow-y:auto;z-index:50}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.12)}.sidebar-nav{padding:0 1rem}.sidebar-section{margin-bottom:1rem}.sidebar-title{display:block;color:#fff;font-weight:600;font-size:.85rem;padding:.5rem .75rem;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.sidebar-title:hover{color:#00d4ff}.sidebar-links{list-style:none;margin:0;padding:0}.sidebar-link{display:block;padding:.4rem .75rem;color:#94a3b8;font-size:.875rem;border-radius:6px;transition:all .2s ease;border-left:2px solid rgba(0,0,0,0);margin-left:.5rem}.sidebar-link:hover{color:#fff;background:rgba(255,255,255,.05)}.sidebar-link.active{color:#ff4d4d;background:rgba(255,77,77,.1);border-left-color:#ff4d4d;font-weight:500}.sidebar-page{margin-bottom:.25rem}.sidebar-page-link{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;color:#94a3b8;font-size:.875rem;border-radius:6px;transition:all .2s ease;border-left:2px solid rgba(0,0,0,0);margin-left:.5rem;cursor:pointer}.sidebar-page-link:hover{color:#fff;background:rgba(255,255,255,.05)}.sidebar-page-link.active{color:#ff4d4d;background:rgba(255,77,77,.1);border-left-color:#ff4d4d;font-weight:500}.sidebar-page-link .expand-icon{font-size:.7rem;transition:transform .2s ease;opacity:.5}.sidebar-page-link.expanded .expand-icon{transform:rotate(90deg)}.sidebar-toc{list-style:none;margin:0;padding:0;overflow:hidden;max-height:0;transition:max-height .3s ease}.sidebar-toc.expanded{max-height:500px}.toc-link{display:block;padding:.3rem .75rem .3rem 1.5rem;color:#94a3b8;font-size:.8rem;transition:all .2s ease;border-left:1px solid rgba(255,255,255,.08);margin-left:1rem}.toc-link:hover{color:#fff;border-left-color:#94a3b8}.toc-link.active{color:#ff4d4d;border-left-color:#ff4d4d}.toc-link.toc-h3{padding-left:2rem}.toc-link.toc-h4{padding-left:2.5rem;font-size:.75rem}.sidebar-toggle{display:none;position:fixed;bottom:1.5rem;right:1.5rem;width:48px;height:48px;border-radius:50%;background:#ff4d4d;color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:100}.sidebar-toggle:hover{background:#ff6b6b}.sidebar-toggle svg{width:20px;height:20px}@media (max-width: 900px){.sidebar{left:0 !important;transform:translateX(-100%);z-index:99;transition:transform .3s ease;box-shadow:4px 0 20px rgba(0,0,0,.3)}.sidebar.open{transform:translateX(0)}.docs-content{margin-left:0;padding:2rem}.sidebar-toggle{display:flex;align-items:center;justify-content:center}.sidebar-overlay{display:none;position:fixed;inset:0;top:64px;background:rgba(0,0,0,.5);z-index:98}.sidebar-overlay.open{display:block}}.docs-content{margin-left:280px;padding:3rem 4rem;max-width:900px}@media (max-width: 900px){.docs-content{margin-left:0 !important;padding:1.5rem}}.docs-content h1{font-size:2.5rem;color:#fff;margin:0 0 2rem;font-weight:700;letter-spacing:-.01em}.docs-content h2{font-size:1.75rem;color:#fff;margin:2.5rem 0 1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}.docs-content h3{font-size:1.25rem;color:#fff;margin:2rem 0 .75rem}.docs-content p{margin:0 0 1rem;color:#f1f5f9;line-height:1.8}.docs-content code{background:#1a1a24;padding:.2em .4em;border-radius:4px;font-size:.9em;font-family:"SF Mono","Cascadia Code",Consolas,monospace}.docs-content pre{background:#12121a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:1.25rem;overflow-x:auto}.docs-content pre code{background:none;padding:0}.docs-content ul,.docs-content ol{padding-left:1.5rem;margin:0 0 1rem}.docs-content ul li,.docs-content ol li{margin-bottom:.5rem}.docs-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}.docs-content th,.docs-content td{padding:.75rem 1rem;text-align:left;border:1px solid rgba(255,255,255,.08)}.docs-content th{background:#1a1a24;color:#fff;font-weight:600}.docs-content td{background:#12121a}.docs-content tr:nth-child(even) td{background:rgba(26,26,36,.5)}.docs-content tr:hover td{background:#1a1a24}.page-list{margin-top:3rem}.page-list h2{border:none;padding:0;margin:0 0 1.5rem;font-size:1.5rem}.page-cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1rem}.page-card{display:block;padding:1.5rem;background:#12121a;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all .2s ease}.page-card:hover{border-color:#00d4ff;transform:translateY(-2px)}.page-card h3{margin:0 0 .5rem;color:#fff;font-size:1.1rem}.page-card p{margin:0;color:#94a3b8;font-size:.9rem}.landing main{max-width:none;padding:0}@media (max-width: 900px){.docs-content{padding:2rem}}@media (max-width: 768px){.nav-links{display:none}.mobile-menu-btn{display:block}.hero{padding:4rem 1rem}.hero h1{font-size:2.5rem}.hero .tagline{font-size:1.1rem}.logo{width:100px;height:100px}.features{padding:3rem 1rem}.docs-content{padding:1.5rem}.docs-content h1{font-size:1.75rem}}.installation-section{padding:5rem 2rem 6rem;max-width:1200px;margin:0 auto;position:relative}.installation-section>p{text-align:center;color:#94a3b8;margin:0 0 3rem;font-size:1.1rem}.installation-section>p a{color:#00d4ff;transition:color .2s ease}.installation-section>p a:hover{text-decoration:underline}.installation-section h2{text-align:center;font-size:2.5rem;color:#fff;margin:0 0 1rem;font-weight:700}.os-tabs{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.os-column{flex:1;min-width:320px;max-width:500px;background:rgba(18,18,26,.6);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2.5rem;backdrop-filter:blur(20px);transition:all .3s ease;position:relative;overflow:hidden}.os-column::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, rgba(0,0,0,0), rgba(255,255,255,.1), rgba(0,0,0,0))}.os-column:hover{border-color:rgba(255,255,255,.12);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.3)}.os-column h3{display:flex;align-items:center;gap:.75rem;color:#fff;font-size:1.5rem;margin:0 0 2rem;padding-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.08);font-weight:700}.os-column h3 svg{color:#ff4d4d}.install-method{margin-bottom:2rem}.install-method:last-child{margin-bottom:0}.install-method h4{color:#f1f5f9;margin:0 0 .75rem;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.install-method h4::before{content:"";width:6px;height:6px;background:#ff4d4d;border-radius:50%}.install-method p{margin:0}.install-method pre{background:rgba(26,26,36,.8);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1rem 1.25rem;margin:0;overflow-x:auto;position:relative;transition:all .3s ease}.install-method pre:hover{border-color:rgba(0,212,255,.3);background:rgba(26,26,36,.95)}.install-method pre code{font-family:"JetBrains Mono","SF Mono","Cascadia Code",Consolas,monospace;font-size:.875rem;color:#00d4ff;line-height:1.6}.code-block{position:relative}.code-block .copy-btn{position:absolute;top:.5rem;right:.5rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:.4rem .6rem;color:#94a3b8;font-size:.75rem;cursor:pointer;opacity:0;transition:all .2s ease;display:flex;align-items:center;gap:.35rem}.code-block .copy-btn svg{width:14px;height:14px}.code-block .copy-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(0,212,255,.4);color:#fff}.code-block .copy-btn.copied{background:rgba(6,255,165,.2);border-color:#06ffa5;color:#06ffa5}.code-block:hover .copy-btn{opacity:1}@media (max-width: 768px){.os-tabs{flex-direction:column}.installation-section{padding:3rem 1rem}}