@font-face{font-family:"Bricolage";font-weight:200 800;font-display:swap;src:url(/static/f/bricolage-grotesque/files/bricolage-grotesque-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:"Bricolage";font-weight:200 800;font-display:swap;src:url(/static/f/bricolage-grotesque/files/bricolage-grotesque-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
@font-face{font-family:"InterV";font-weight:100 900;font-display:swap;src:url(/static/f/inter/files/inter-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-024F,U+1E00-1EFF}
@font-face{font-family:"InterV";font-weight:100 900;font-display:swap;src:url(/static/f/inter/files/inter-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+2000-206F,U+20AC}
:root{
  --bg:#f5f3ee;--panel:#fffdf9;--ink:#17160f;--muted:#6b685e;--line:#e3dfd4;--line2:#d4cfc1;
  --acc:#e2542a;--acc-ink:#fff;--acc-soft:#fbe6dd;--ok:#2f7d4f;--ok-soft:#e2f2e7;--warn:#9a6a00;--warn-soft:#fbf0d4;--err:#b3261e;--err-soft:#fbe4e2;
  --r:14px;--r-sm:9px;--sh:0 1px 0 rgba(0,0,0,.03),0 12px 40px -24px rgba(40,30,10,.35);
  --fh:"Bricolage",system-ui,sans-serif;--fb:"InterV",system-ui,sans-serif
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 var(--fb);overflow-x:clip}
h1,h2,h3,h4{font-family:var(--fh);font-weight:650;letter-spacing:-.02em;line-height:1.1;margin:0}
a{color:inherit}
button,input,textarea,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.ico{width:1.15rem;height:1.15rem;flex:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.6rem 1.1rem;border-radius:999px;border:1px solid var(--ink);background:var(--ink);color:var(--panel);font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn--acc{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line2)}
.btn--sm{min-height:36px;padding:.35rem .8rem;font-size:.9rem}
@media (hover:hover){.btn:not(:disabled):hover{transform:translateY(-1px)}.btn--ghost:hover{border-color:var(--ink)}}
.btn{transition:transform .15s ease,border-color .15s}
.field{display:grid;gap:.35rem}
.field label,.lbl{font-weight:600;font-size:.92rem}
.input,textarea.input{width:100%;min-height:46px;padding:.65rem .85rem;border:1px solid var(--line2);border-radius:var(--r-sm);background:#fff}
textarea.input{min-height:96px;resize:vertical}
.input:focus{border-color:var(--ink)}
.muted{color:var(--muted)}
.small{font-size:.86rem}
.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;background:var(--acc-soft);color:#8a2e12;font-size:.8rem;font-weight:600}
.pill--ok{background:var(--ok-soft);color:var(--ok)}
.pill--warn{background:var(--warn-soft);color:var(--warn)}
.pill--err{background:var(--err-soft);color:var(--err)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:1.1rem;box-shadow:var(--sh)}
.err{color:var(--err);font-size:.9rem}
.logo{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--fh);font-weight:700;font-size:1.15rem;letter-spacing:-.03em;text-decoration:none}
.logo i{width:26px;height:26px;border-radius:7px;background:var(--ink);display:grid;place-items:center}
.logo i::before{content:"";width:10px;height:10px;border-radius:2px;background:var(--acc);box-shadow:6px 6px 0 -1px var(--panel)}
dialog{border:1px solid var(--line);border-radius:18px;padding:0;max-width:min(980px,calc(100vw - 1.5rem));width:100%;background:var(--panel);color:var(--ink);box-shadow:0 30px 80px -30px rgba(0,0,0,.45)}
dialog::backdrop{background:rgba(23,22,15,.45)}
.dlg-h{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}
.dlg-b{padding:1.2rem;max-height:75vh;overflow:auto}
.x{width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);background:transparent;cursor:pointer;display:grid;place-items:center}
.plans{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.plan{border:1px solid var(--line);border-radius:var(--r);padding:1rem;display:grid;gap:.6rem;align-content:start;background:#fff}
.plan.is-top{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.plan .cena{font-family:var(--fh);font-size:2rem;font-weight:700;letter-spacing:-.03em}
.plan ul{margin:0;padding:0;list-style:none;display:grid;gap:.35rem;font-size:.9rem}
.plan li{display:flex;gap:.45rem}
.plan li::before{content:"";flex:none;width:.9rem;height:.5rem;margin-top:.35rem;border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);transform:rotate(-45deg)}
.topups{display:flex;flex-wrap:wrap;gap:.5rem}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}