:root{--bg:#0a0e1a;--bg-secondary:#0d1221;--blue-primary:#2b6cb0;--blue-light:#4a9eff;--blue-vivid:#5dd6ff;--panel:rgba(74,158,255,.08);--panel-hover:rgba(74,158,255,.14);--text:#f7fafc;--text-secondary:#cbd5e1;--muted:#94a3b8;--border:rgba(148,163,184,.15);--shadow:0 20px 60px rgba(0,0,0,.5);--shadow-lg:0 30px 80px rgba(0,0,0,.6);--glow-blue:0 0 40px rgba(74,158,255,.3);--header-height:88px}*{box-sizing:border-box}body,html{margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 40px)}body{background:radial-gradient(ellipse 1200px 600px at 50% 0,rgba(43,108,176,.15),transparent 70%),radial-gradient(ellipse 800px 500px at 0 100%,rgba(74,158,255,.08),transparent 60%),radial-gradient(ellipse 800px 500px at 100% 80%,rgba(74,158,255,.08),transparent 60%),var(--bg);background-attachment:fixed;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;min-height:100vh;overflow-x:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px #4a9eff33}50%{box-shadow:0 0 40px #4a9eff66}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-on-scroll{opacity:0;transition:opacity var(--reveal-duration,.6s) cubic-bezier(.22,1,.36,1),transform var(--reveal-duration,.6s) cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.animate-on-scroll.visible{opacity:1}.fade-up{transform:translateY(24px)}.fade-up.visible{transform:translateY(0)}.fade-left{transform:translate(-30px)}.fade-left.visible{transform:translate(0)}.fade-right{transform:translate(30px)}.fade-right.visible{transform:translate(0)}.zoom{transform:scale(.95)}.zoom.visible{transform:scale(1)}a{color:inherit}a,a:hover{text-decoration:none}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 24px}.site-header{-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background:#0a0e1ab3;border-bottom:1px solid var(--border);left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:100}.site-header.scrolled{background:#0a0e1af2;box-shadow:0 4px 30px #0000004d}.header-inner{gap:20px;justify-content:space-between;padding:16px 0}.brand,.header-inner{align-items:center;display:flex}.brand{font-size:18px;font-weight:700;gap:12px;letter-spacing:.3px;transition:transform .2s ease}.brand-logo{height:36px;width:auto}.brand:hover{transform:scale(1.02)}.brand-badge{align-items:center;animation:glow 3s ease-in-out infinite;background:linear-gradient(135deg,var(--blue-primary),var(--blue-light));border-radius:8px;box-shadow:var(--glow-blue);display:flex;height:32px;justify-content:center;width:32px}.nav,.nav-desktop{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.nav a,.nav-desktop a{border-radius:10px;color:var(--text-secondary);font-size:15px;font-weight:500;padding:10px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav a:before,.nav-desktop a:before{background:var(--panel);border-radius:10px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s ease}.nav a:hover,.nav-desktop a:hover{color:var(--text);transform:translateY(-2px)}.nav a:hover:before,.nav-desktop a:hover:before{opacity:1}.nav a.router-link-active,.nav-desktop a.router-link-active{background:var(--panel);color:var(--text)}.btn{align-items:center;background:linear-gradient(135deg,var(--blue-primary),var(--blue-light));border:0;border-radius:12px;box-shadow:0 10px 30px #4a9eff40;color:#fff!important;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;justify-content:center;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none!important;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.btn:before{background:linear-gradient(135deg,var(--blue-light),var(--blue-vivid));content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.btn:hover{box-shadow:0 15px 40px #4a9eff59;color:#0a1628!important;transform:translateY(-2px)}.btn:hover:before{opacity:1}.btn.secondary{background:var(--panel);border:1px solid var(--border);box-shadow:none;color:var(--text)!important}.btn.secondary:before{display:none}.btn.secondary:hover{background:var(--panel-hover);border-color:var(--blue-light);color:var(--text)!important}main{flex:1;padding-bottom:64px;padding-top:calc(var(--header-height) + 40px)}.page-main{flex:1;padding-bottom:80px;padding-top:calc(var(--header-height) + 60px)}.prose [id],.prose h1,.prose h2,.prose h3,.prose h4{scroll-margin-top:calc(var(--header-height) + 40px)}.prose h1{background:linear-gradient(135deg,var(--text),var(--blue-vivid));-webkit-background-clip:text;font-size:56px;font-weight:700;letter-spacing:-1px;line-height:1.1;margin:0 0 20px;-webkit-text-fill-color:transparent;background-clip:text}.prose h2{font-size:32px;letter-spacing:-.5px;margin:40px 0 16px}.prose h2,.prose h3{color:var(--text);font-weight:600}.prose h3{font-size:24px;margin:28px 0 12px}.prose p{font-size:17px;line-height:1.7;margin:12px 0}.prose p,.prose ul{color:var(--text-secondary)}.prose ul{font-size:16px;line-height:1.75}.prose li{margin:8px 0}.prose strong{color:var(--text);font-weight:600}.prose a{color:var(--blue-light);text-decoration:underline;text-decoration-color:#4a9eff4d;text-underline-offset:2px;transition:all .2s ease}.prose a:hover{color:var(--blue-vivid);text-decoration-color:var(--blue-vivid)}.card{background:var(--panel);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:#4a9eff4d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card.glow{background:linear-gradient(135deg,var(--panel) 0,rgba(74,158,255,.06) 100%);overflow:hidden;position:relative}.card.glow:before{background:linear-gradient(90deg,transparent,var(--blue-light),transparent);height:1px;left:0;right:0;top:0}.card.glow:after,.card.glow:before{content:"";opacity:0;position:absolute;transition:opacity .3s ease}.card.glow:after{background:linear-gradient(135deg,#4a9eff33,#5dd6ff1a);border-radius:20px;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px}.card.glow:hover:after,.card.glow:hover:before{opacity:1}.card.glow>*{position:relative;z-index:1}.card h3{color:var(--text);font-size:20px;font-weight:600;margin-top:0}.card h2,.card h2:first-letter,.prose h2:first-letter{text-decoration:none!important}.card h2,.card h3,.prose h2,.prose h3{text-decoration:none!important;-webkit-text-decoration-skip-ink:all;text-decoration-skip-ink:all}.emoji,h2 span:first-child{display:inline-block;text-decoration:none!important}.card p{margin-bottom:0}.card p,.card ul{color:var(--text-secondary)}.card ul{margin:12px 0;padding-left:20px}.card li{margin:8px 0}.grid{display:grid;gap:24px}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}.hero{margin:0 auto;max-width:900px;padding:80px 0 32px;text-align:center}.hero h2{animation:fadeInUp .8s ease 1.2s forwards;margin-top:12px;opacity:0}.hero-actions{animation:fadeInUp .8s ease 1.4s forwards;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:32px;opacity:0}.kicker{align-items:center;animation:fadeInUp .6s ease;background:var(--panel);border:1px solid var(--border);border-radius:999px;color:var(--blue-light);display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-bottom:24px;padding:8px 16px}.media{background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden;transition:all .3s ease}.media:hover{box-shadow:0 40px 100px #000000b3;transform:translateY(-4px)}.media img,.media video{display:block;height:auto;width:100%}.media .caption{background:#0003;color:var(--muted);font-size:14px;padding:14px 18px}.section{margin-top:100px;padding-top:12px}.split{align-items:center;display:grid;gap:40px;grid-template-columns:1fr 1fr}@media(max-width:900px){.split{grid-template-columns:1fr}}.site-footer{background:#0003;border-top:1px solid var(--border);color:var(--muted);margin-top:auto;padding:40px 0}.feature-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:60px}.feature-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;overflow:hidden;padding:32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:before{background:linear-gradient(90deg,var(--blue-primary),var(--blue-light));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.feature-card:hover{background:var(--panel-hover);border-color:var(--blue-light);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{display:inline-block;filter:drop-shadow(0 0 20px rgba(74,158,255,.4));font-size:40px;margin-bottom:20px}.stats-grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:60px 0}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:32px;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:var(--blue-light);transform:scale(1.05)}.stat-number{background:linear-gradient(135deg,var(--blue-light),var(--blue-vivid));-webkit-background-clip:text;font-size:48px;font-weight:700;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label{color:var(--text-secondary);font-size:16px}.burger{align-items:center;background:transparent;border:none;cursor:pointer;display:none;flex-direction:column;height:44px;justify-content:center;padding:0;width:44px;z-index:110}.burger span{background:var(--text);border-radius:2px;display:block;height:2px;transition:all .3s ease;width:24px}.burger span:first-child{margin-bottom:6px}.burger span:nth-child(3){margin-top:6px}.burger.active span:first-child{transform:translateY(8px) rotate(45deg)}.burger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.burger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}body.menu-open{overflow:hidden}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;inset:0;opacity:0;position:fixed;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:105}.drawer-overlay.visible{opacity:1;visibility:visible}.drawer{background:var(--bg-secondary);border-left:1px solid var(--border);bottom:0;display:none;max-width:85vw;position:fixed;right:0;top:0;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:106}.drawer.open{transform:translate(0)}.drawer-nav{display:flex;flex-direction:column;gap:4px;padding:100px 24px 40px}.drawer-nav a{border-radius:12px;color:var(--text-secondary);font-size:16px;font-weight:500;padding:14px 20px;transition:all .2s ease}.drawer-nav a.router-link-active,.drawer-nav a:hover{background:var(--panel);color:var(--text)}.drawer-nav .btn.secondary{margin-top:20px;text-align:center}@media(max-width:768px){:root{--header-height:72px}.prose h1{font-size:40px}.prose h2{font-size:28px}.hero{margin:0 auto;max-width:900px;padding:80px 0 20px;text-align:center}.section{margin-top:80px;padding-top:10px}.header-inner{padding:12px 0}.burger{display:flex}.nav-desktop{display:none}.drawer{display:block}}