:root{--bg:#06060b;--card:#0f0f18;--card2:#0c0c14;--line:#1c1c28;--line2:#2a2a3d;--fg:#f4f4f7;--dim:#8b93a1;--faint:#5a6070;--lime:#c2ff3a;--sky:#5ac8fa;--amber:#e8c94a;--rose:#df5175;--mono:'JetBrains Mono',ui-monospace,Menlo,monospace}
*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}
body{background:var(--bg);color:var(--fg);font:16px/1.6 Inter,-apple-system,system-ui,sans-serif;min-height:100vh;
  background-image:radial-gradient(1100px 600px at 82% -10%,rgba(194,255,58,.06),transparent 55%),radial-gradient(800px 600px at 0% 108%,rgba(90,200,250,.05),transparent 55%)}
.wrap{max-width:1080px;margin:0 auto;padding:30px 22px 80px}
.top{display:flex;align-items:center;gap:12px;margin-bottom:30px}
.dot{width:12px;height:12px;border-radius:50%;background:var(--lime);box-shadow:0 0 18px var(--lime)}
.brand{font-family:Georgia,serif;font-style:italic;font-size:28px}
.tag{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--lime);border:1px solid rgba(194,255,58,.35);border-radius:999px;padding:4px 11px}
.top .sp{flex:1}
.lang{background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--fg);border-radius:10px;padding:8px 11px;font-size:13px;font-weight:600;cursor:pointer}
h1{font-size:clamp(26px,4.5vw,40px);line-height:1.1;letter-spacing:-.02em;text-align:center}
h1 .g{color:var(--lime)}
.lead{color:var(--dim);text-align:center;margin:12px auto 26px;max-width:620px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.plan{background:linear-gradient(180deg,#12121d,#0b0b12);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;position:relative}
.plan.pop{border-color:rgba(194,255,58,.45);box-shadow:0 0 0 1px rgba(194,255,58,.12),0 20px 60px rgba(194,255,58,.07)}
.badge{position:absolute;top:14px;right:14px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#0a1400;background:var(--lime);border-radius:999px;padding:3px 9px}
.pname{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-weight:700}
.plan.pop .pname{color:var(--lime)}.plan.biz .pname{color:var(--sky)}
.pfor{font-size:13.5px;color:var(--dim);margin-top:6px;min-height:40px}
.price{margin:12px 0 4px}.price .amt{font-size:34px;font-weight:800}.price .per{font-size:13px;color:var(--dim)}.price .from{display:block;font-size:11px;color:var(--faint);text-transform:uppercase;letter-spacing:.08em}
.free .amt{color:var(--fg)}.pro .amt{color:var(--lime)}.biz .amt{color:var(--sky)}
ul{list-style:none;margin:14px 0 18px;display:flex;flex-direction:column;gap:9px;flex:1}
li{display:flex;gap:9px;font-size:14px;color:#dfe2e8}li .ck{color:var(--lime);flex:none}.biz li .ck{color:var(--sky)}
.cta{display:block;text-align:center;text-decoration:none;padding:12px 16px;border-radius:12px;font-weight:800;font-size:15px;cursor:pointer;border:0;width:100%;transition:box-shadow .2s,background .2s,transform .1s}
.cta:active{transform:translateY(1px)}
.cta.pri{background:linear-gradient(180deg,#d3ff5f,#b6f22b);color:#0a1400;box-shadow:0 8px 26px rgba(194,255,58,.22)}
.cta.sky{background:linear-gradient(180deg,#7ad4fb,#41b7ee);color:#04121a}
.cta.ghost{background:rgba(255,255,255,.06);color:var(--fg);border:1px solid var(--line2)}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;margin-top:22px}
.card h2{font-size:19px;margin-bottom:4px}.card .sub{color:var(--dim);font-size:14px;margin-bottom:14px}
label{display:block;font-size:12px;color:var(--dim);margin:12px 0 5px}
input,select{font:inherit;color:var(--fg);background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:11px 13px;outline:none;width:100%}
input:focus,select:focus{border-color:rgba(194,255,58,.55);box-shadow:0 0 0 3px rgba(194,255,58,.10)}
.rowf{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.totalbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:12px 16px;background:var(--card2);border:1px solid var(--line);border-radius:12px}
.totbig{font-size:24px;font-weight:800;color:var(--lime)}
.codebox{font-family:var(--mono);font-size:17px;letter-spacing:.04em;color:var(--lime);background:#0a0f04;border:1px dashed rgba(194,255,58,.5);border-radius:12px;padding:14px;text-align:center;margin:10px 0;word-break:break-all;user-select:all}
.addr{font-family:var(--mono);font-size:14px;color:var(--sky);background:#04121a;border:1px dashed rgba(90,200,250,.4);border-radius:12px;padding:14px;text-align:center;margin:10px 0;word-break:break-all;user-select:all}
.warn{color:var(--amber);font-size:13px;margin-top:8px}
.hint{color:var(--faint);font-size:13px;margin-top:8px;line-height:1.6}
.btn{background:linear-gradient(180deg,#d3ff5f,#b6f22b);color:#0a1400;font-weight:800;padding:12px 16px;border:0;border-radius:12px;cursor:pointer}
.btn.sec{background:rgba(255,255,255,.07);color:var(--fg)}
.btn.sm{padding:8px 12px;font-size:13px}
.mfoot{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
[hidden]{display:none!important}
.pill{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px}
.pill.pending{color:var(--amber);background:rgba(232,201,74,.12)}.pill.confirmed{color:var(--lime);background:rgba(194,255,58,.12)}.pill.rejected{color:var(--rose);background:rgba(223,81,117,.12)}
.foot{margin-top:44px;text-align:center;color:var(--faint);font-size:12.5px;border-top:1px solid var(--line);padding-top:22px;line-height:1.8}
[dir=rtl] body{direction:rtl}
@media(max-width:820px){.plans{grid-template-columns:1fr}.rowf{grid-template-columns:1fr}}
