:root{--bg:#0b141c;--card:#161b22;--card2:#0d141b;--ink:#dae3ee;--muted:#8b99a6;--accent:#00d1ff;--accent-ink:#00222b;--green:#3fd07a;--red:#ff5a52;--line:#28323d;--line2:#30363d;--glow:0 0 0 1px rgba(0,209,255,.12),0 18px 50px -20px rgba(0,209,255,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(1100px 560px at 75% -10%,rgba(0,209,255,.07),transparent 60%),var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}.mono,.big{font-family:Geist,ui-monospace,monospace;font-variant-numeric:tabular-nums}.brandlink{display:inline-block;margin-bottom:14px;line-height:0}.brandlink img{height:34px;width:auto;vertical-align:middle}header{padding:26px 16px 22px;text-align:center;border-bottom:1px solid var(--line);background:radial-gradient(600px 200px at 50% 0%,rgba(0,209,255,.07),transparent 70%)}header h1{margin:0 0 6px;font-size:24px;font-weight:800;letter-spacing:-.02em}header p{margin:0;color:var(--muted);font-size:14px}.wrap{max-width:1080px;margin:0 auto;padding:18px 24px}nav{font-size:13px;margin:16px 0;display:flex;gap:6px;flex-wrap:wrap;align-items:center}nav a{color:var(--muted);margin-right:8px;text-decoration:none;padding:6px 12px;border:1px solid var(--line2);border-radius:8px;transition:border .15s,color .15s}nav a:hover{color:var(--accent);border-color:var(--accent)}.card{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:18px}.card h2,h2{font-size:19px;font-weight:700;letter-spacing:-.02em}.row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}.field{flex:1;min-width:140px}label{display:block;font-family:Geist;font-size:12px;color:var(--muted);margin-bottom:5px;letter-spacing:.02em}input,select{width:100%;padding:11px 12px;background:var(--card2);border:1px solid var(--line2);border-radius:9px;color:var(--ink);font-size:15px;font-family:Geist;font-variant-numeric:tabular-nums;transition:border .15s,box-shadow .15s}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,209,255,.16)}.seg{display:flex;gap:8px;margin-bottom:14px}.seg button{flex:1;padding:10px;background:var(--card2);border:1px solid var(--line2);border-radius:9px;color:var(--muted);cursor:pointer;font-weight:600;font-family:Inter;font-size:14px;transition:.15s}.seg button:hover{border-color:var(--accent)}.seg button.on{background:rgba(0,209,255,.12);color:var(--accent);border-color:var(--accent)}.out{margin-top:14px;padding:18px;background:var(--card2);border:1px solid var(--line2);border-radius:12px}.big{font-size:32px;font-weight:700;letter-spacing:-.02em}.muted{color:var(--muted);font-size:13px}.green{color:var(--green)}.red{color:var(--red)}.accent-c{color:var(--accent)}.note{font-size:13px;color:var(--muted);border-left:3px solid var(--accent);padding:9px 13px;margin-top:13px;background:var(--card2);border-radius:0 8px 8px 0}.cta{display:block;text-align:center;margin-top:12px;padding:13px 20px;border-radius:11px;background:var(--accent);color:var(--accent-ink);text-decoration:none;font-weight:700;font-size:15px;border:1px solid var(--accent);box-shadow:0 8px 30px -10px rgba(0,209,255,.55);transition:.15s}.cta:hover{filter:brightness(1.08);transform:translateY(-1px)}.cta.ghost,.cta.secondary{background:var(--card2);color:var(--ink);border-color:var(--line2);box-shadow:none}.cta.ghost:hover,.cta.secondary:hover{border-color:var(--accent);transform:translateY(-1px)}.btn{display:inline-block;padding:12px 22px;border-radius:11px;font-weight:700;font-size:15px;cursor:pointer;text-decoration:none;border:1px solid transparent;transition:.15s}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 8px 30px -10px rgba(0,209,255,.55)}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-ghost{background:transparent;border-color:var(--line2);color:var(--ink)}.btn-ghost:hover{border-color:var(--accent)}a{color:var(--accent)}h1{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.15}h2{letter-spacing:-.02em}.grid{display:flex;gap:12px;flex-wrap:wrap}.grid a{flex:1;min-width:150px;background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--line);border-radius:14px;padding:16px;text-decoration:none;color:var(--ink);font-weight:600;transition:transform .15s,border .15s,box-shadow .15s}.grid a:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--glow)}article,.prose{font-size:16px;line-height:1.75}article h1,.prose h1{font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin:0 0 14px}article h2,.prose h2{font-size:22px;font-weight:700;margin:30px 0 10px}article p,.prose p{color:#c3cdd8}article a,.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}blockquote{border-left:3px solid var(--accent);margin:18px 0;padding:6px 16px;color:var(--muted);background:var(--card2);border-radius:0 10px 10px 0}code{font-family:Geist,monospace;background:var(--card2);border:1px solid var(--line2);border-radius:6px;padding:2px 6px;font-size:.92em}.post-list a{display:block;background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:14px;text-decoration:none;color:var(--ink);transition:.15s}.post-list a:hover{border-color:var(--accent);box-shadow:var(--glow);transform:translateY(-2px)}.copybtn{margin-top:10px;padding:7px 14px;font-size:13px;font-weight:600;font-family:Geist;cursor:pointer;background:transparent;color:var(--accent);border:1px solid var(--line2);border-radius:8px;transition:.15s}.copybtn:hover{border-color:var(--accent);background:rgba(0,209,255,.08)}.aff-wrap{margin:26px 0 8px}.aff-wrap .kick{font-family:Geist;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;text-align:center}.aff-strip{display:flex;flex-wrap:wrap;gap:10px}.aff{flex:1;min-width:140px;text-align:center;padding:13px;border-radius:11px;font-weight:600;font-size:14px;background:var(--card2);border:1px solid var(--line2);color:var(--ink);text-decoration:none;transition:.15s}.aff:hover{border-color:var(--accent);box-shadow:var(--glow);transform:translateY(-1px)}.aff.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);flex-basis:100%;box-shadow:0 8px 30px -10px rgba(0,209,255,.55)}footer{text-align:center;padding:30px 16px 48px;color:var(--muted);font-size:12px;border-top:1px solid var(--line);margin-top:40px}footer a{color:var(--ink);text-decoration:none}footer a:hover{color:var(--accent)}@media(max-width:520px){.big{font-size:28px}article h1,.prose h1{font-size:26px}}
.site-nav{position:sticky;top:0;z-index:50;margin:0;backdrop-filter:blur(12px);background:rgba(11,20,28,.82);border-bottom:1px solid var(--line);display:block}
.site-nav .nav-in{max-width:1140px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:16px}
.site-nav .brand{order:0;display:inline-flex;align-items:center;line-height:0;margin:0}
.site-nav .brand img{height:28px;width:auto}
.site-nav .nav-links{order:1;display:flex;gap:20px;margin-left:auto;border:0;padding:0;white-space:nowrap}
.site-nav .nav-links a{color:var(--muted);font-size:14px;font-weight:500;border:0;padding:0;margin:0;border-radius:0}
.site-nav .nav-links a:hover{color:var(--accent);border:0}
.site-nav .lang-pick{order:2}
.site-nav .nav-cta{order:3;padding:8px 15px;border:1px solid var(--accent);border-radius:9px;background:var(--accent);color:var(--accent-ink);font-size:13px;font-weight:700;white-space:nowrap;margin:0;text-decoration:none}
.site-nav .nav-cta:hover{filter:brightness(1.08)}
.site-nav .nav-burger{order:4;display:none;background:none;border:1px solid var(--line2);border-radius:9px;padding:5px 10px;cursor:pointer;color:var(--ink);font-size:19px;line-height:1.1}
.site-nav .nav-links .m-only{display:none}
@media(max-width:860px){.site-nav .nav-burger{display:inline-flex;align-items:center}.site-nav .nav-cta{display:none}.site-nav .lang-pick{margin-left:auto}.site-nav .nav-links{position:absolute;top:100%;left:0;right:0;margin:0;flex-direction:column;gap:0;background:rgba(11,20,28,.98);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:4px 0;display:none}.site-nav .nav-links.open{display:flex}.site-nav .nav-links a{padding:13px 20px;font-size:15px;border-top:1px solid var(--line)}.site-nav .nav-links .m-only{display:block;color:var(--accent);font-weight:600}}

.site-nav .nav-in .brand{border:0;padding:0;margin:0}
.site-nav .nav-in>a:hover{border:0}

.subwrap{margin:18px auto;max-width:560px;padding:18px;border:1px solid var(--line);border-radius:14px;text-align:center;background:var(--card2)}
.subwrap .txt{font-size:14px;color:var(--muted);margin-bottom:12px}
.subwrap .txt b{color:var(--ink)}
.subform{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.subform input{padding:11px 13px;background:var(--card2);border:1px solid var(--line2);border-radius:9px;color:var(--ink);font-size:14px;min-width:210px;flex:1}
.subform input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,209,255,.16)}
.subform button{padding:11px 18px;border:0;border-radius:9px;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap}
.subform button:hover{filter:brightness(1.08)}