:root{
  --bg:#fbfcfe; --surface:#fff; --surface-2:#f3f6fa; --line:#e3e8ef;
  --fg:#1a2233; --muted:#667085; --brand:#1d2738;
  --red:#e30613; --red-dark:#b8040f; --red-soft:#fde8ea; --yel:#ffd400; --yel-soft:#fff7cc; --grey:#717171;
  --green:#1f9d55; --green-soft:#e2f6ea; --blue:#2f6fe4; --blue-soft:#e8f0fd; --lila:#6a4fb8; --lila-soft:#f3eefe; --orange:#e07a00; --orange-soft:#fff1de;
  --focus:#2f6fe4;
  --shadow:0 1px 2px rgba(24,32,46,.05),0 10px 30px -18px rgba(24,32,46,.25);
  --f-display:"Sora","Segoe UI",system-ui,sans-serif;
  --f-body:"Plus Jakarta Sans","Segoe UI",system-ui,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--fg)}
body{font-family:var(--f-body);font-size:16px;line-height:1.45;-webkit-text-size-adjust:100%}
button,input,textarea,select{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
[hidden]{display:none!important}
.hdr{background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(8px)}
.hdr .in{display:flex;align-items:center;gap:12px;padding:10px 16px;max-width:1400px;margin:0 auto}
.hdr img.azm{width:44px;height:44px}
.hdr img.jk{height:30px;width:auto;margin-left:auto}
.hdr .t{display:flex;flex-direction:column;min-width:0}
.hdr .t small{font-family:var(--f-display);font-weight:700;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--red);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hdr .t b{font-family:var(--f-display);font-weight:800;font-size:18px;letter-spacing:-.01em;line-height:1.15}
.stripe{height:4px;background:linear-gradient(90deg,var(--red) 0 52%,var(--yel) 52% 78%,var(--grey) 78%)}
.demo{background:var(--yel-soft);border-bottom:1px solid #f0dc7a;color:#5a4a00;font-size:13px;text-align:center;padding:6px 16px}
.foot{font-size:12px;color:var(--muted);text-align:center;padding:20px 16px 28px;line-height:1.6}
.foot b{color:var(--fg)}
.btn{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:10px 14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:var(--fg)}
.btn:hover{background:var(--surface-2)}
.btn.red{background:var(--red);border-color:var(--red);color:#fff}.btn.red:hover{background:var(--red-dark)}
.btn.green{background:var(--green);border-color:var(--green);color:#fff}
.btn.dark{background:var(--brand);border-color:var(--brand);color:#fff}
.btn:disabled{opacity:.5;cursor:not-allowed}
.chip{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 13px;font-weight:600;font-size:14.5px;cursor:pointer}
.chip[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:#fff}
label.f{display:grid;gap:5px;font-weight:600;font-size:14px}
input.i,textarea.i,select.i{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:11px 12px;background:#fff;font-size:16px}
textarea.i{min-height:90px;resize:vertical}
.muted{color:var(--muted)}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}