:root{--bg:#070b10;--bg-elev:#0d141c;--bg-elev-2:#121c26;--border:#1b2834;--border-strong:#27394a;--text:#eef5fa;--muted:#8ea3b4;--accent:#2cc4f5;--accent-strong:#0ea5e9;--accent-soft:#2cc4f51f;--accent-faint:#2cc4f50d;--accent-glow:#0ea5e961;--accent-light:#22c3f2;--top-glow:#0ea5e938;--top-tint:#08131c;--btn-shadow:0 6px 18px #0284c747;--accent-2:#2dd4bf;--ok:#34d399;--err:#f87171;--checker:#ffffff0d;--jitter:#8ea3b46b;--radius:16px;--maxw:1120px;--shadow:0 1px 2px #0000004d, 0 10px 30px #00000040;--shadow-lg:0 30px 80px #00000073, 0 0 0 1px #2cc4f50a;--font:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}[hidden]{display:none!important}body{color:var(--text);font-family:var(--font);background:radial-gradient(1100px 560px at 50% -160px, var(--top-glow) 0%, transparent 70%), linear-gradient(var(--top-tint) 0, var(--bg) 680px);background-color:var(--bg);background-repeat:no-repeat;margin:0;font-size:17px;line-height:1.65}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img,video{max-width:100%;height:auto}h1,h2,h3{letter-spacing:-.03em;font-weight:800;line-height:1.12}h1{margin:0 0 .4em;font-size:clamp(2.2rem,6vw,3.9rem)}h2{margin:2em 0 .6em;font-size:clamp(1.6rem,3.4vw,2.3rem)}h3{letter-spacing:-.01em;margin:1.6em 0 .4em;font-size:1.15rem;font-weight:700}.container{max-width:var(--maxw);margin:0 auto;padding:0 16px}.prose{max-width:760px;margin:0 auto;padding:0 16px 64px}.prose li{margin:.35em 0}.muted{color:var(--muted)}.small{font-size:.85rem}.accent{color:var(--accent)}.site-header{backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--border);z-index:10;background:#070b10c7;position:sticky;top:0}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.logo{letter-spacing:-.02em;color:var(--text);align-items:center;gap:10px;font-size:1.15rem;font-weight:800;display:inline-flex}.logo:hover{text-decoration:none}.logo b{color:var(--accent);font-weight:800}.logo-mark{background:url(/favicon.svg) 50%/contain no-repeat;border-radius:8px;width:28px;height:28px;transition:transform .2s,box-shadow .2s;display:inline-block;box-shadow:0 0 12px #38bdf859}.logo:hover .logo-mark{transform:scale(1.08)rotate(-2deg);box-shadow:0 0 18px #38bdf899}.nav{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav-item{position:relative}.nav a,.nav-trigger{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:.92rem;font-weight:500;text-decoration:none;transition:all .16s;display:inline-flex}.nav a:hover,.nav-trigger:hover,.nav-item:hover .nav-trigger{color:var(--text);background:var(--bg-elev-2);text-decoration:none}.nav a[aria-current=page],.nav-trigger[aria-current=true]{color:var(--accent);background:var(--accent-soft);text-decoration:none}.nav-chevron{opacity:.7;transition:transform .2s cubic-bezier(.16,1,.3,1)}.nav-item:hover .nav-chevron{opacity:1;transform:rotate(180deg)}.nav-has-dropdown{position:relative}.nav-dropdown{border:1px solid var(--border-strong);z-index:1000;opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(#0e1620fa 0%,#090e14fc 100%);border-radius:18px;width:min(880px,100vw - 32px);transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1),visibility .18s;position:absolute;top:100%;right:-80px;overflow:hidden;transform:translateY(6px);box-shadow:0 24px 70px #000000d9,0 0 0 1px #2cc4f51f}.nav-dropdown:before{content:"";height:20px;position:absolute;top:-20px;left:0;right:0}.nav-has-dropdown:hover .nav-dropdown,.nav-has-dropdown:focus-within .nav-dropdown,.nav-has-dropdown.is-open .nav-dropdown,.nav-dropdown:hover{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}.dropdown-header{border-bottom:1px solid var(--border);background:#ffffff05;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.dropdown-header-info{align-items:center;gap:10px;display:flex}.dropdown-badge{color:var(--accent);background:var(--accent-soft);letter-spacing:.03em;border:1px solid #2cc4f540;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:700}.dropdown-header-title{color:var(--muted);font-size:.82rem;font-weight:600}.dropdown-view-all{color:var(--accent);align-items:center;gap:4px;font-size:.82rem;font-weight:600;transition:color .15s,transform .15s;display:inline-flex}.dropdown-view-all:hover{text-decoration:underline;transform:translate(2px)}.dropdown-body{grid-template-columns:240px 1fr;min-height:380px;max-height:480px;display:grid}.dropdown-cats-nav{border-right:1px solid var(--border);background:#060a0f8c;flex-direction:column;gap:4px;padding:12px 10px;display:flex;overflow-y:auto}.dropdown-cat-btn{width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;font-size:.84rem;font-weight:600;transition:all .15s;display:flex}.dropdown-cat-btn:hover{background:var(--bg-elev-2);color:var(--text)}.dropdown-cat-btn.is-active{background:var(--accent-soft);color:var(--text);border-color:#2cc4f547;box-shadow:0 0 14px #2cc4f51a}.dropdown-cat-btn.is-active .cat-btn-icon{color:var(--accent)}.cat-btn-icon{color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;transition:color .15s;display:flex}.cat-btn-title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.cat-btn-count{color:var(--muted);background:#ffffff0f;border-radius:999px;padding:1px 6px;font-size:.7rem;font-weight:700}.dropdown-cat-btn.is-active .cat-btn-count{background:var(--accent);color:#070b10}.dropdown-panes-wrap{padding:14px 18px;position:relative;overflow:hidden auto}.dropdown-cats-nav::-webkit-scrollbar,.dropdown-panes-wrap::-webkit-scrollbar{width:5px;height:5px}.dropdown-cats-nav::-webkit-scrollbar-track,.dropdown-panes-wrap::-webkit-scrollbar-track{background:0 0}.dropdown-cats-nav::-webkit-scrollbar-thumb,.dropdown-panes-wrap::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.dropdown-cats-nav::-webkit-scrollbar-thumb:hover,.dropdown-panes-wrap::-webkit-scrollbar-thumb:hover{background:var(--accent)}.dropdown-cat-pane{display:none}.dropdown-cat-pane.is-active{flex-direction:column;gap:12px;animation:.15s fadeInPane;display:flex}@keyframes fadeInPane{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.pane-header{border-bottom:1px solid var(--border);padding-bottom:8px}.pane-title{color:var(--text);margin:0 0 2px;font-size:.95rem;font-weight:700}.pane-tagline{color:var(--muted);margin:0;font-size:.78rem}.pane-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.dropdown-tool-card{color:var(--text);background:#0d141c66;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;transition:all .15s;display:flex}.dropdown-tool-card:hover{background:var(--bg-elev-2);border-color:#2cc4f540;text-decoration:none;transform:translateY(-1px)}.tool-card-icon{background:var(--bg);border:1px solid var(--border);width:32px;height:32px;color:var(--muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.dropdown-tool-card:hover .tool-card-icon{color:var(--accent);background:var(--accent-soft);border-color:#2cc4f559}.tool-card-body{flex-direction:column;gap:1px;min-width:0;display:flex}.tool-card-header{align-items:center;gap:6px;display:flex}.tool-card-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:600;overflow:hidden}.dropdown-tool-card:hover .tool-card-name{color:var(--accent)}.tool-card-badge{background:var(--accent-soft);color:var(--accent);text-transform:uppercase;letter-spacing:.04em;border:1px solid #2cc4f533;border-radius:999px;flex-shrink:0;padding:1px 5px;font-size:.65rem;font-weight:700}.tool-card-desc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;line-height:1.3;overflow:hidden}.dropdown-footer{border-top:1px solid var(--border);background:#060a0fa6;justify-content:space-between;align-items:center;padding:10px 20px;font-size:.78rem;display:flex}.dropdown-footer-perks{color:var(--muted);align-items:center;gap:8px;display:flex}.perk-item{align-items:center;gap:5px;display:inline-flex}.perk-item svg{color:var(--accent)}.perk-bullet{color:var(--border-strong)}.dropdown-footer-link{color:var(--accent);font-weight:600;text-decoration:none}.dropdown-footer-link:hover{text-decoration:underline}.header-right{align-items:center;gap:8px;min-width:0;display:flex}.lang{position:relative}.lang summary{cursor:pointer;border:1px solid var(--border-strong);background:var(--bg-elev);color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;list-style:none;transition:all .15s;display:inline-flex}.lang summary:hover{background:var(--bg-elev-2);border-color:#2cc4f566}.lang summary::-webkit-details-marker{display:none}.lang-globe-icon{color:var(--accent)}.lang-caret{color:var(--muted);transition:transform .2s}.lang[open] .lang-caret{transform:rotate(180deg)}.lang-dropdown{backdrop-filter:blur(20px);border:1px solid var(--border);z-index:100;background:#0a0f16f5;border-radius:14px;flex-direction:column;gap:12px;width:380px;max-width:92vw;max-height:480px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 16px 36px #0009}.lang-dropdown-header{border-bottom:1px solid var(--border);padding-bottom:6px}.lang-dropdown-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.76rem;font-weight:700}.lang-regions-list{flex-direction:column;gap:12px;display:flex}.lang-region-title{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.72rem;font-weight:700}.lang-grid{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.lang-link{color:var(--text);border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:.82rem;text-decoration:none;transition:all .12s;display:flex}.lang-link:hover{background:var(--accent-soft);color:var(--accent);text-decoration:none}.lang-link.is-active{background:var(--accent-soft);color:var(--accent);border:1px solid #2cc4f54d;font-weight:700}.lang-badge{color:var(--muted);flex-shrink:0;width:28px;font-size:.65rem;font-weight:700}.lang-link.is-active .lang-badge{color:var(--accent)}.lang-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=900px){.dropdown-grid{grid-template-columns:1fr;max-height:60vh;overflow-y:auto}.nav-dropdown{width:calc(100vw - 24px);left:0;transform:translateY(8px)}.nav-item:hover .nav-dropdown{transform:translateY(0)}}@media (width<=640px){.header-right{width:100%}.header-right nav{flex:1;min-width:0}.header-inner{gap:4px;padding-top:10px}.header-inner nav{scrollbar-width:none;width:100%;overflow-x:auto}.nav{white-space:nowrap;flex-wrap:nowrap;margin:0 -12px;padding-bottom:6px}}.hero{text-align:center;padding:56px 0 32px}.hero p.lead{color:var(--muted);max-width:640px;margin:0 auto 32px;font-size:1.2rem}.eyebrow{color:var(--muted);margin-bottom:14px;font-size:.82rem;font-weight:600;display:inline-block}.gradient-text{color:var(--accent)}.checks{flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:24px 0 0;padding:0;font-size:.95rem;font-weight:500;list-style:none;display:flex}.checks li:before{content:"";color:var(--ok);margin-right:8px;font-weight:700}.section{padding:24px 0}.section-head{text-align:center;max-width:680px;margin:0 auto 28px}.section-head h2{margin-top:1.2em}.section-head p{color:var(--muted);margin:0}.kicker{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.78rem}.grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;display:grid}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.card h3{margin-top:0}.card p{color:var(--muted);margin-bottom:0}.card .dot{background:var(--accent);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:10px;display:inline-block}.steps{counter-reset:step;padding:0;list-style:none}.steps li{counter-increment:step;margin:16px 0;padding-left:48px;position:relative}.steps li:before{content:counter(step);width:32px;height:32px;color:var(--accent);background:var(--accent-soft);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:0;left:0}.btn{font:inherit;cursor:pointer;background:linear-gradient(180deg, var(--accent-light), var(--accent-strong));color:#fff;box-shadow:var(--btn-shadow);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-weight:600;display:inline-flex}.btn:hover{filter:brightness(1.05);text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-ghost{background:var(--bg-elev);border-color:var(--border-strong);color:var(--text);box-shadow:none}.faq details{border:1px solid var(--border);background:var(--bg-elev);border-radius:12px;margin:10px 0;padding:14px 18px}.faq summary{cursor:pointer;font-weight:600}.faq details p{color:var(--muted);margin:10px 0 0}.prose table,.table{border-collapse:collapse;width:100%;margin:24px 0;font-size:.95rem;display:block;overflow-x:auto}.prose th,.prose td,.table th,.table td{border:1px solid var(--border);text-align:left;padding:8px 12px}.prose th,.table th{background:var(--bg-elev-2)}.callout{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 12px 12px 0;margin:24px 0;padding:14px 18px}.site-footer{border-top:1px solid var(--border);background:var(--bg-elev);margin-top:64px;padding:48px 0 36px}.footer-inner{gap:32px;max-width:1240px;margin:0 auto;display:grid}.footer-cols{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:28px;display:grid}.footer-heading{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0 0 12px;font-size:.8rem;font-weight:700}.footer-links{gap:8px;margin:0;padding:0;font-size:.88rem;list-style:none;display:grid}.footer-links a{color:var(--muted);transition:color .15s}.footer-links a:hover{color:var(--text);text-decoration:none}.post-list{padding:0;list-style:none}.post-list li{border-bottom:1px solid var(--border);padding:20px 0}.post-list h2{margin:0 0 6px;font-size:1.3rem}
