:root{color-scheme:dark;--bg:#05090b;--panel:#0b1518;--panel2:#101f24;--line:rgba(19,242,208,.25);--soft:rgba(255,255,255,.09);--text:#eef8f7;--muted:#9bb2b0;--cyan:#13f2d0;--cyan2:#74fff0;--r:8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0,rgba(19,242,208,.11),transparent 24rem),linear-gradient(135deg,rgba(19,242,208,.07),transparent 28rem),var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1rem clamp(1rem,4vw,3rem);border-bottom:1px solid var(--soft);background:rgba(5,9,11,.9);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:.7rem}.brand small{display:block;color:var(--muted);font-size:.78rem}.logo{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:8px;background:var(--cyan);color:#03100f;font-weight:900}nav{display:flex;justify-content:center;gap:clamp(.7rem,2vw,1.6rem);color:var(--muted);font-size:.95rem}nav a:hover{color:var(--cyan2)}.langs{display:flex;gap:.25rem;padding:.25rem;border:1px solid var(--soft);border-radius:8px}.langs button{border:0;border-radius:6px;padding:.45rem .6rem;color:var(--muted);background:transparent;cursor:pointer}.langs button.active{color:#03100f;background:var(--cyan);font-weight:800}main,footer{width:min(1180px,calc(100% - 2rem));margin:auto}.hero{min-height:calc(100vh - 5rem);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.5rem,4vw,4rem);align-items:center;padding:clamp(3rem,8vw,7rem) 0 3rem}.kicker{margin:0 0 1rem;color:var(--cyan);font-size:.82rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:13ch;font-size:clamp(2.7rem,7vw,6.5rem);line-height:.95;margin-bottom:1.2rem}h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;margin-bottom:1rem}.lead,.section>p,article p,.steps span,.panel p,footer p{color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.4rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;border:1px solid var(--line);border-radius:8px;padding:.8rem 1.05rem;color:var(--cyan2);background:rgba(255,255,255,.04);cursor:pointer}.btn.primary{border-color:transparent;color:#03100f;background:linear-gradient(135deg,var(--cyan),var(--cyan2));font-weight:850}.btn.disabled,.btn:disabled{opacity:.6;cursor:not-allowed}.btn.wide{width:100%}.codecard,.strip,article,.panel{border:1px solid var(--soft);border-radius:var(--r);background:linear-gradient(180deg,rgba(16,31,36,.92),rgba(8,16,19,.9));box-shadow:0 24px 70px rgba(0,0,0,.38)}pre{overflow:auto;margin:0;padding:1.4rem;color:#c9fffa;line-height:1.7}.strip{display:flex;justify-content:space-between;gap:1.5rem;align-items:center;margin:2rem 0;padding:1.5rem}.strip h2{font-size:clamp(1.4rem,3vw,2.2rem);margin:0}.section{border-top:1px solid var(--soft);margin:3rem 0;padding:clamp(1.25rem,4vw,2.5rem)}.two,.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:start}.grid{display:grid;gap:1rem}.grid.four{grid-template-columns:repeat(4,1fr)}.grid.two-cols{grid-template-columns:1fr 1fr}article,.panel{padding:1.2rem}article:before{content:"";display:block;width:.75rem;height:.75rem;margin-bottom:1rem;border-radius:99px;background:var(--cyan);box-shadow:0 0 22px rgba(19,242,208,.65)}.steps{display:grid;gap:.85rem;margin:0;padding:0;list-style:none;counter-reset:s}.steps li{position:relative;padding:1rem 1rem 1rem 4rem;border:1px solid var(--soft);border-radius:8px;background:rgba(255,255,255,.03);counter-increment:s}.steps li:before{content:counter(s);position:absolute;left:1rem;top:1rem;display:grid;place-items:center;width:2rem;height:2rem;border-radius:6px;background:var(--cyan);color:#03100f;font-weight:900}.steps b,.steps span{display:block}label{display:grid;gap:.4rem;margin-bottom:1rem;color:var(--muted);font-weight:750}input,textarea{width:100%;border:1px solid var(--soft);border-radius:8px;padding:.9rem 1rem;color:var(--text);background:rgba(3,8,10,.78);outline:none}input:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(19,242,208,.13)}.total,.counter{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:1rem 0;padding:1rem;border:1px solid var(--line);border-radius:8px;background:rgba(19,242,208,.08)}.total b,.counter b{color:var(--cyan2);font-size:1.4rem}.pill{display:inline-flex;margin-bottom:1rem;border:1px solid var(--line);border-radius:999px;padding:.35rem .7rem;color:var(--cyan2);background:rgba(19,242,208,.08);font-size:.85rem;font-weight:850}.paybox,.invite,.refout{display:grid;gap:.75rem;margin-top:1rem}.paybox small,.invite small,.refout small{color:var(--muted);font-weight:850}code{display:block;overflow-wrap:anywhere;color:#c9fffa;font-family:"Cascadia Mono",Consolas,monospace}textarea{min-height:8rem;resize:vertical;font-family:"Cascadia Mono",Consolas,monospace}.hidden{display:none!important}footer{padding:2rem 0 3rem;border-top:1px solid var(--soft)}@media(max-width:960px){.topbar,.hero,.two,.grid.two-cols{grid-template-columns:1fr}nav{justify-content:flex-start;overflow:auto}.grid.four{grid-template-columns:1fr 1fr}.strip{flex-direction:column;align-items:stretch}}@media(max-width:560px){main,footer{width:min(100% - 1rem,1180px)}.topbar{padding-inline:.75rem}.grid.four{grid-template-columns:1fr}.langs{width:100%}.langs button{flex:1}.hero{min-height:auto;padding-top:2rem}}