@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20B9,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/inter-cyrillic-wght-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Noto Sans Devanagari";font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/noto-sans-devanagari-devanagari-wght-normal.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FF}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:100 800;font-display:swap;src:url(fonts/jetbrains-mono-latin-wght-normal.woff2) format("woff2")}

:root{
  --bg:#f5f7fb;--bg2:#eef2f8;--panel:#ffffff;--panel2:#f7f9fc;--raise:#ffffff;--field:#f6f8fc;
  --line:rgba(16,24,40,.08);--line2:rgba(16,24,40,.14);--hover:rgba(16,24,40,.04);
  --text:#0b1324;--muted:#56607a;--dim:#8b94a8;
  --mint:#10b981;--mint2:#059669;--mint-soft:rgba(16,185,129,.1);--mint-ink:#04130d;--accent-text:#047857;
  --saffron:#f97316;--sky:#3b82f6;
  --ok:#059669;--warn:#b45309;--bad:#dc2626;--info:#2563eb;
  --ok-bg:rgba(5,150,105,.08);--warn-bg:rgba(217,119,6,.09);--bad-bg:rgba(220,38,38,.07);--info-bg:rgba(37,99,235,.07);
  --ok-line:rgba(5,150,105,.25);--warn-line:rgba(217,119,6,.3);--bad-line:rgba(220,38,38,.25);--info-line:rgba(37,99,235,.25);
  --head-bg:rgba(255,255,255,.78);
  --card-shadow:0 1px 2px rgba(16,24,40,.04),0 18px 40px -22px rgba(16,24,40,.22);
  --card-bg:#ffffff;
  --glow-a:rgba(16,185,129,.14);--glow-b:rgba(249,115,22,.10);--glow-c:rgba(59,130,246,.10);--grid:rgba(16,24,40,.05);
  --r-sm:10px;--r:16px;--r-lg:22px;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --sans:"Inter","Noto Sans Devanagari",ui-sans-serif,system-ui,-apple-system,"Segoe UI","Nirmala UI",sans-serif;
  color-scheme:light;
}
[data-theme="dark"]{
  --bg:#05070c;--bg2:#090d15;--panel:#0c111b;--panel2:#111826;--raise:#151d2d;--field:#090d15;
  --line:rgba(148,163,194,.12);--line2:rgba(148,163,194,.2);--hover:rgba(255,255,255,.04);
  --text:#e9edf5;--muted:#8d97ab;--dim:#5f697d;
  --mint:#2fe6a7;--mint2:#18c08a;--mint-soft:rgba(47,230,167,.1);--mint-ink:#03140d;--accent-text:#2fe6a7;
  --saffron:#ff9d42;--sky:#5aa9ff;
  --ok:#2fe6a7;--warn:#ffc24b;--bad:#ff5d6d;--info:#5aa9ff;
  --ok-bg:rgba(47,230,167,.07);--warn-bg:rgba(255,194,75,.07);--bad-bg:rgba(255,93,109,.08);--info-bg:rgba(90,169,255,.07);
  --ok-line:rgba(47,230,167,.3);--warn-line:rgba(255,194,75,.3);--bad-line:rgba(255,93,109,.35);--info-line:rgba(90,169,255,.3);
  --head-bg:rgba(5,7,12,.72);
  --card-shadow:0 30px 80px -30px rgba(0,0,0,.8),0 0 0 1px var(--line);
  --card-bg:linear-gradient(180deg,rgba(21,29,45,.75),rgba(12,17,27,.85));
  --glow-a:rgba(47,230,167,.16);--glow-b:rgba(255,157,66,.10);--glow-c:rgba(90,169,255,.10);--grid:rgba(148,163,194,.12);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:400 15px/1.55 var(--sans);font-feature-settings:"cv11","ss01","tnum";-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;transition:background-color .25s,color .25s}
html[lang="hi"] body{line-height:1.65}
a{color:inherit;text-decoration:none}
img,svg{display:block}
button,input,select,textarea{font:inherit;color:inherit}
::selection{background:rgba(16,185,129,.25)}
[hidden]{display:none!important}
:where(svg[aria-hidden="true"]){width:1.15em;height:1.15em;flex:none}
.mono{font-family:var(--mono);font-feature-settings:normal}
.muted{color:var(--muted)}.dim{color:var(--dim)}
.ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--bad)}
.nowrap{white-space:nowrap}
.link{color:var(--accent-text);font-weight:600}
.link:hover{text-decoration:underline}

.bg-fx{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.bg-fx::before{content:"";position:absolute;inset:-20%;background:radial-gradient(40% 35% at 18% 12%,var(--glow-a),transparent 70%),radial-gradient(35% 30% at 88% 30%,var(--glow-b),transparent 70%),radial-gradient(45% 40% at 60% 110%,var(--glow-c),transparent 70%)}
.bg-fx::after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(70% 55% at 50% 15%,#000 25%,transparent 80%);opacity:.6}

.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}
.sandbox-bar{position:relative;z-index:30;padding:8px 16px;text-align:center;font-size:13px;color:#2a1d00;background:repeating-linear-gradient(135deg,#ffc24b 0 14px,#ffb21f 14px 28px)}
.sandbox-bar b{text-transform:uppercase;letter-spacing:.06em}
.site-head{position:sticky;top:0;z-index:20;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);background:var(--head-bg);border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;align-items:center;gap:24px;height:68px}
.brand{display:flex;align-items:center;gap:10px;font-weight:770;letter-spacing:-.035em;font-size:19px;white-space:nowrap;color:var(--text)}
.brand-mark{width:34px;height:34px;flex:none;display:block;filter:drop-shadow(0 6px 12px rgba(16,185,129,.32))}
.brand:hover .brand-mark{transform:rotate(-4deg) scale(1.04)}
.brand-mark{transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.brand-dot{color:var(--saffron)}
.brand small{font-weight:500;color:var(--dim);font-size:12px;margin-left:2px}
.nav{display:flex;gap:2px}
.nav a{padding:8px 12px;border-radius:999px;color:var(--muted);font-weight:550;font-size:14px;transition:.15s;white-space:nowrap}
.nav a:hover,.nav a.on{color:var(--text);background:var(--hover)}
.head-right{margin-left:auto;display:flex;align-items:center;gap:8px}
.rate-chip{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);font-size:13px;color:var(--muted);white-space:nowrap}
.rate-chip b{color:var(--text);font-weight:650}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(16,185,129,.6);animation:pulse 2s infinite;flex:none}
.pulse.off{background:var(--warn);animation:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.5)}70%{box-shadow:0 0 0 8px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}
.icon-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--panel);display:grid;place-items:center;cursor:pointer;color:var(--muted);transition:.15s;flex:none}
.icon-btn:hover{color:var(--text);border-color:var(--line2)}
.icon-btn svg{width:17px;height:17px}
.lang{display:flex;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:3px;gap:2px}
.lang a{height:30px;min-width:34px;padding:0 8px;border-radius:9px;display:grid;place-items:center;font-size:12.5px;font-weight:650;color:var(--muted)}
.lang a.on{background:var(--mint-soft);color:var(--accent-text)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:12px;border:1px solid var(--line2);background:var(--panel);font-weight:600;font-size:14px;cursor:pointer;transition:transform .12s,background .15s,border-color .15s,box-shadow .2s;white-space:nowrap;color:var(--text)}
.btn:hover{background:var(--panel2);border-color:var(--line2)}
.btn:active{transform:translateY(1px)}
.btn svg{width:16px;height:16px}
.btn-primary{border:0;color:var(--mint-ink);background:linear-gradient(135deg,#4ff0bd,#22d39a 45%,#14c7b8);box-shadow:0 10px 26px -12px rgba(16,185,129,.75),inset 0 1px 0 rgba(255,255,255,.45)}
.btn-primary:hover{background:linear-gradient(135deg,#66f7c9,#2fe0a7 45%,#22d6c6);box-shadow:0 14px 32px -12px rgba(16,185,129,.85),inset 0 1px 0 rgba(255,255,255,.5)}
.btn-primary[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}
.btn-lg{height:54px;font-size:16px;border-radius:15px;padding:0 24px}
.btn-block{width:100%}
.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}
.btn-ghost:hover{color:var(--text);background:var(--hover)}
.btn-tg{border:0;background:#2aa3ef;color:#fff;box-shadow:0 10px 26px -12px rgba(42,163,239,.8)}
.btn-tg:hover{background:#3db0f7}
.btn-sm{height:34px;padding:0 12px;font-size:13px;border-radius:10px}
.btn-danger{border-color:var(--bad-line);color:var(--bad);background:var(--bad-bg)}
.btn-danger:hover{background:var(--bad-bg);border-color:var(--bad)}
.btn-warn{border-color:var(--warn-line);color:var(--warn);background:var(--warn-bg)}
.btn-warn:hover{background:var(--warn-bg);border-color:var(--warn)}

main{flex:1}
.hero{padding:64px 0 36px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero-grid>*,.grid-2>*{min-width:0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;border:1px solid var(--line);background:var(--panel);font-size:13px;color:var(--muted)}
.eyebrow span{padding:2px 8px;border-radius:999px;background:var(--mint-soft);color:var(--accent-text);font-weight:650;font-size:12px}
h1.display{font-size:clamp(38px,5.4vw,66px);line-height:1.03;letter-spacing:-.045em;font-weight:780;margin:22px 0 18px}
html[lang="hi"] h1.display{letter-spacing:-.01em;line-height:1.2}
.grad{background:linear-gradient(100deg,#10b981 10%,#06b6d4 50%,#f97316 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-theme="dark"] .grad{background-image:linear-gradient(100deg,#2fe6a7 10%,#7df0ff 50%,#ff9d42 95%)}
.lead{font-size:18px;color:var(--muted);max-width:540px;margin:0 0 26px}
.trust{display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--muted);font-size:14px}
.trust div{display:flex;align-items:center;gap:8px}
.trust svg{width:18px;height:18px;color:var(--mint)}
.hero-stats{display:flex;gap:36px;margin-top:36px;padding-top:26px;border-top:1px solid var(--line);flex-wrap:wrap}
.hero-stats b{display:block;font-size:26px;letter-spacing:-.03em;font-weight:720}
.hero-stats span{font-size:13px;color:var(--dim)}

.card{background:var(--card-bg);border-radius:var(--r-lg);box-shadow:var(--card-shadow);position:relative;border:1px solid var(--line)}
[data-theme="dark"] .card{border-color:transparent}
.card-pad{padding:28px}
.glow::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,rgba(16,185,129,.55),rgba(59,130,246,.15) 40%,transparent 60%,rgba(249,115,22,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}

.swap-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}
.swap-head h2{font-size:18px;margin:0;letter-spacing:-.02em}
.field{background:var(--field);border:1px solid var(--line);border-radius:18px;padding:16px 18px;transition:border-color .15s,box-shadow .15s}
.field:focus-within{border-color:rgba(16,185,129,.55);box-shadow:0 0 0 4px rgba(16,185,129,.1)}
.field.is-invalid{border-color:var(--bad)}
.field-top{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted);margin-bottom:6px}
.field-row{display:flex;align-items:center;gap:12px}
.amount{flex:1;width:100%;min-width:0;background:transparent;border:0;outline:0;font-size:34px;font-weight:680;letter-spacing:-.03em;padding:0}
.amount::placeholder{color:var(--dim)}
.amount[readonly]{cursor:default}
.coin{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-weight:650;white-space:nowrap}
.coin-ico{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px}
.coin-usdt{background:#26a17b;color:#fff}
.coin-inr{background:linear-gradient(135deg,#ff9d42,#ff7a1a);color:#2a1300}
.net{font-size:11px;font-weight:700;padding:2px 6px;border-radius:6px;background:rgba(239,68,68,.12);color:#dc2626;letter-spacing:.04em}
[data-theme="dark"] .net{color:#ff8f9b}
.swap-mid{display:flex;justify-content:center;margin:-10px 0;position:relative;z-index:2}
.swap-mid div{width:40px;height:40px;border-radius:12px;background:var(--panel);border:4px solid var(--bg2);display:grid;place-items:center;color:var(--mint)}
[data-theme="dark"] .swap-mid div{border-color:var(--panel)}
.swap-mid svg{width:18px;height:18px}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:14px;background:var(--field);border:1px solid var(--line);margin:16px 0}
.seg label{position:relative;cursor:pointer}
.seg input{position:absolute;opacity:0;inset:0;cursor:pointer}
.seg span{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;border-radius:10px;font-weight:600;font-size:14px;color:var(--muted);transition:.15s}
.seg span small{font-weight:500;color:var(--dim);font-size:12px}
.seg svg{width:16px;height:16px}
.seg input:checked+span{background:var(--panel);color:var(--text);box-shadow:0 1px 2px rgba(16,24,40,.06),inset 0 0 0 1px var(--line2)}
[data-theme="dark"] .seg input:checked+span{background:var(--raise)}
.seg input:focus-visible+span{outline:2px solid var(--mint);outline-offset:2px}
.breakdown{display:grid;gap:9px;margin:4px 0 20px;font-size:14px}
.breakdown div{display:flex;justify-content:space-between;gap:12px}
.breakdown dt{color:var(--muted)}
.breakdown dd{margin:0;font-weight:560;text-align:right}
dl{margin:0}
.hint{font-size:12.5px;color:var(--dim);text-align:center;margin-top:12px}

.section{padding:76px 0}
.section.tight{padding:40px 0}
.section-head{max-width:660px;margin-bottom:36px}
.section-head h2{font-size:clamp(28px,3.4vw,40px);letter-spacing:-.035em;margin:10px 0 12px;line-height:1.12}
html[lang="hi"] .section-head h2{letter-spacing:-.01em;line-height:1.3}
.section-head p{color:var(--muted);margin:0;font-size:17px}
.kicker{font-size:12.5px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s}
.step{padding:24px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel);position:relative;overflow:hidden}
.step::before{counter-increment:s;content:"0" counter(s);font-family:var(--mono);font-size:13px;color:var(--accent-text);font-weight:700}
.step h3{font-size:17px;margin:14px 0 8px;letter-spacing:-.01em}
.step p{margin:0;color:var(--muted);font-size:14px}
.step svg{position:absolute;right:18px;top:18px;width:24px;height:24px;color:var(--dim)}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.feature{padding:26px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line)}
.feature .ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--mint-soft);color:var(--accent-text);margin-bottom:16px}
.feature .ico svg{width:20px;height:20px}
.feature h3{margin:0 0 6px;font-size:16px}
.feature p{margin:0;color:var(--muted);font-size:14px}
.perks{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:stretch}
.perk-main{padding:34px;border-radius:var(--r-lg);background:radial-gradient(90% 120% at 0% 0%,var(--mint-soft),transparent 60%),var(--panel);border:1px solid var(--line)}
.perk-main h3{font-size:28px;letter-spacing:-.03em;margin:12px 0 10px;line-height:1.15}
.perk-main p{color:var(--muted);margin:0 0 18px}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.checks li{display:flex;gap:10px;align-items:flex-start}
.checks li::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;margin-top:1px;background:var(--mint-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
.perk-side{display:grid;gap:16px}
.mini{padding:22px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line);display:flex;gap:16px;align-items:flex-start}
.mini .ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--mint-soft);color:var(--accent-text);flex:none}
.mini .ico svg{width:19px;height:19px}
.mini h4{margin:0 0 4px;font-size:15px}
.mini p{margin:0;color:var(--muted);font-size:14px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.about p{color:var(--muted);margin:0 0 14px}
.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.about-stats div{padding:20px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line)}
.about-stats b{display:block;font-size:26px;letter-spacing:-.03em}
.about-stats span{color:var(--muted);font-size:13.5px}
.biz-band{margin:20px 0 0;padding:36px;border-radius:var(--r-lg);display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:center;background:radial-gradient(80% 140% at 0% 0%,var(--mint-soft),transparent 60%),radial-gradient(60% 120% at 100% 100%,rgba(249,115,22,.08),transparent 60%),var(--panel);border:1px solid var(--line)}
.biz-band h3{margin:8px 0 8px;font-size:26px;letter-spacing:-.03em}
.biz-band p{margin:0;color:var(--muted)}
.biz-actions{display:flex;flex-direction:column;gap:10px}
.biz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.contact-card{padding:28px;border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.contact-card h3{margin:0;font-size:20px}
.contact-card p{margin:0;color:var(--muted)}
.faq{max-width:820px;display:grid;gap:10px}
.faq details{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);padding:0 22px;transition:background .15s}
.faq details[open]{background:var(--panel2)}
.faq summary{cursor:pointer;list-style:none;padding:20px 0;font-weight:620;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--accent-text);font-size:20px;line-height:1;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 20px;color:var(--muted)}
.cta-band{margin:20px 0 80px;padding:40px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:space-between;gap:24px;background:radial-gradient(80% 140% at 0% 0%,var(--mint-soft),transparent 60%),radial-gradient(60% 120% at 100% 100%,rgba(249,115,22,.1),transparent 60%),var(--panel);border:1px solid var(--line)}
.cta-band h3{margin:0 0 6px;font-size:26px;letter-spacing:-.03em}
.cta-band p{margin:0;color:var(--muted)}

.site-foot{border-top:1px solid var(--line);padding:48px 0 28px;color:var(--muted);font-size:14px;background:var(--panel)}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:32px}
.foot-grid h5{margin:0 0 14px;font-size:12px;color:var(--text);text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.foot-col{display:grid;gap:10px;align-content:start}
.foot-col a{display:inline-flex;align-items:center;gap:8px;color:var(--muted);transition:color .15s;width:max-content;max-width:100%}
.foot-col a:hover{color:var(--text)}
.foot-col a svg{width:15px;height:15px;color:var(--dim);flex:none}
.foot-col a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.foot-grid>*{min-width:0}
.foot-brand p{margin:14px 0 0;max-width:340px;line-height:1.6}
.foot-brand .brand{display:inline-flex}
.foot-bottom{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:14px 24px;flex-wrap:wrap;color:var(--dim);font-size:12.5px}
.foot-bottom p{margin:0}
.foot-ctrl{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

.page{padding:40px 0 80px}
.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px;flex-wrap:wrap}
.page-title h1{font-size:32px;letter-spacing:-.035em;margin:0}
.page-title p{margin:6px 0 0;color:var(--muted)}
.page-title .badge{margin-bottom:6px}
.grid-2{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:start}
.sticky{position:sticky;top:92px}
.tabs{display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--panel);border:1px solid var(--line);margin-bottom:22px;width:max-content;max-width:100%;overflow-x:auto}
.tabs a{display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:10px;font-weight:600;font-size:14px;color:var(--muted);white-space:nowrap}
.tabs a svg{width:16px;height:16px}
.tabs a.on{background:var(--mint-soft);color:var(--accent-text)}

.form-group{margin-bottom:16px}
.label{display:block;font-size:13px;font-weight:620;color:var(--muted);margin-bottom:8px}
.input,.select{width:100%;height:50px;padding:0 16px;border-radius:14px;border:1px solid var(--line2);background:var(--field);outline:0;font-size:15px;transition:border-color .15s,box-shadow .15s}
.input:focus,.select:focus{border-color:rgba(16,185,129,.6);box-shadow:0 0 0 4px rgba(16,185,129,.1);background:var(--panel)}
.input.mono{font-size:14px}
.input.is-invalid{border-color:var(--bad)}
.input-code{height:64px;font-size:30px;letter-spacing:.5em;text-align:center;font-family:var(--mono);font-weight:700;padding-left:.5em}
.pw-wrap{position:relative}
.pw-wrap .input{padding-right:52px}
.pw-toggle{position:absolute;right:6px;top:6px;width:38px;height:38px;border:0;background:transparent;color:var(--dim);cursor:pointer;border-radius:10px;display:grid;place-items:center}
.pw-toggle:hover{color:var(--text);background:var(--hover)}
.pw-toggle svg{width:17px;height:17px}
.err{color:var(--bad);font-size:13px;margin-top:6px}
.help{color:var(--dim);font-size:12.5px;margin-top:6px}
.row-2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.check{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--field);cursor:pointer;font-size:14px;color:var(--muted)}
.check input{width:18px;height:18px;margin-top:2px;accent-color:var(--mint2);flex:none}
.check.is-invalid{border-color:var(--bad)}
.check.plain{padding:0;border:0;background:transparent}
.divider{display:flex;align-items:center;gap:14px;color:var(--dim);font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin:22px 0}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--line)}

.alert{display:flex;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid;font-size:14px;margin-bottom:18px;align-items:flex-start}
.alert svg{width:18px;height:18px;flex:none;margin-top:1px}
.alert-error{border-color:var(--bad-line);background:var(--bad-bg);color:var(--bad)}
.alert-success{border-color:var(--ok-line);background:var(--ok-bg);color:var(--ok)}
.alert-warn{border-color:var(--warn-line);background:var(--warn-bg);color:var(--warn)}
.alert-info{border-color:var(--info-line);background:var(--info-bg);color:var(--info)}
.alert div{color:var(--text)}
.alert b{color:inherit}

.auth-wrap{display:grid;place-items:center;padding:56px 20px 90px}
.auth-card{width:100%;max-width:450px}
.auth-card h1{font-size:28px;letter-spacing:-.03em;margin:0 0 6px}
.auth-card .sub{color:var(--muted);margin:0 0 24px}
.auth-links{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:16px;font-size:14px;color:var(--muted)}

.badge{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:620;border:1px solid var(--line2);background:var(--panel);color:var(--muted);white-space:nowrap}
.badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.badge.s-ok{color:var(--ok);border-color:var(--ok-line);background:var(--ok-bg)}
.badge.s-warn{color:var(--warn);border-color:var(--warn-line);background:var(--warn-bg)}
.badge.s-bad{color:var(--bad);border-color:var(--bad-line);background:var(--bad-bg)}
.badge.s-info{color:var(--info);border-color:var(--info-line);background:var(--info-bg)}
.badge.s-dim{color:var(--dim)}
.badge.plain::before{display:none}

.stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px}
.stepper div{position:relative;padding-top:16px;font-size:13px;color:var(--dim);font-weight:520}
.stepper div::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:4px;background:var(--line2)}
.stepper .done{color:var(--muted)}
.stepper .done::before{background:var(--mint2)}
.stepper .cur{color:var(--text);font-weight:680}
.stepper .cur::before{background:linear-gradient(90deg,var(--mint),rgba(16,185,129,.25));animation:shimmer 1.6s ease-in-out infinite alternate}
@keyframes shimmer{from{opacity:.65}to{opacity:1}}

.pay-grid{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center}
.qr{width:184px;height:184px;padding:12px;border-radius:18px;background:#fff;display:grid;place-items:center;position:relative;box-shadow:0 0 0 1px var(--line)}
.qr svg{width:100%;height:100%}
.qr-logo{position:absolute;width:38px;height:38px;border-radius:50%;background:#26a17b;color:#fff;font-weight:800;display:grid;place-items:center;border:4px solid #fff;font-size:16px}
.big-amount{font-size:34px;font-weight:740;letter-spacing:-.03em;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.big-amount small{font-size:15px;color:var(--muted);font-weight:600}
.big-amount .copybtn{align-self:center;margin-left:auto}
.to-addr{margin-top:14px}
.copybox{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 16px;border-radius:14px;background:var(--field);border:1px solid var(--line);margin-top:8px}
.copybox code{flex:1;min-width:0;font-family:var(--mono);font-size:14.5px;word-break:break-all;letter-spacing:.01em}
.copybtn{flex:none;height:34px;padding:0 12px;border-radius:10px;border:1px solid var(--line2);background:var(--panel);cursor:pointer;font-weight:620;font-size:13px;display:inline-flex;align-items:center;gap:6px;transition:.15s;color:var(--text)}
.copybtn:hover{border-color:rgba(16,185,129,.5)}
.copybtn.copied{color:var(--accent-text);border-color:rgba(16,185,129,.5)}
.copybtn svg{width:14px;height:14px}
.timer{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:var(--warn-bg);border:1px solid var(--warn-line);margin-top:18px}
.timer svg{width:22px;height:22px;color:var(--warn);flex:none}
.timer b{font-family:var(--mono);font-size:22px;color:var(--warn);font-weight:700}
.timer span{color:var(--muted);font-size:13.5px}
.warns{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:8px;font-size:13.5px;color:var(--muted)}
.warns li{display:flex;gap:10px}
.warns li::before{content:"!";flex:none;width:18px;height:18px;border-radius:50%;background:var(--bad-bg);color:var(--bad);display:grid;place-items:center;font-size:11px;font-weight:800;margin-top:1px}
.progress{height:10px;border-radius:10px;background:var(--field);border:1px solid var(--line);overflow:hidden;margin:14px 0 8px}
.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mint2),var(--mint));border-radius:10px;transition:width .6s ease}
.state{text-align:center;padding:16px 8px}
.state-ico{width:76px;height:76px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:22px}
.state-ico svg{width:34px;height:34px}
.state-ico.ok{background:var(--ok-bg);color:var(--ok);box-shadow:0 0 0 10px var(--ok-bg)}
.state-ico.warn{background:var(--warn-bg);color:var(--warn)}
.state-ico.bad{background:var(--bad-bg);color:var(--bad)}
.state-ico.info{background:var(--info-bg);color:var(--info)}
.state h2{margin:0 0 8px;font-size:24px;letter-spacing:-.02em}
.state p{margin:0 auto;color:var(--muted);max-width:440px}
.state-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.state-meta{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 14px;border-radius:999px;background:var(--field);border:1px solid var(--line);font-size:13px;color:var(--muted);max-width:100%}
.state-meta .txl{font-size:12.5px}
.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--info-line);border-top-color:var(--info);animation:spin .9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.kv{display:grid;gap:12px;font-size:14px}
.kv div{display:flex;justify-content:space-between;gap:16px;align-items:baseline;min-width:0}
.kv dt{color:var(--muted);flex:none}
.kv dd{margin:0;text-align:right;font-weight:560;overflow-wrap:break-word;min-width:0}
.kv .total{padding-top:12px;border-top:1px dashed var(--line2);font-size:16px}
.kv .total dd{font-size:20px;font-weight:740;color:var(--accent-text)}
.card-title{font-size:13px;font-weight:700;color:var(--muted);margin:0 0 18px;text-transform:uppercase;letter-spacing:.08em}

.sandbox-pay{margin-top:18px;padding:16px;border-radius:14px;border:1px dashed var(--warn-line);background:var(--warn-bg);display:grid;gap:12px}
.sandbox-pay b{display:block;color:var(--warn)}
.sandbox-pay span{font-size:13.5px;color:var(--muted)}
.sandbox-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.sandbox-head>div{min-width:0}
.sandbox-row{display:flex;gap:10px}
.sandbox-row .input{flex:1;min-width:0}
.sandbox-row .btn{height:50px}
.demo-fill{margin:0 0 18px}

.acc-pick{display:grid;gap:8px;margin-bottom:16px}
.acc-opt{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--line2);background:var(--field);cursor:pointer;transition:.15s}
.acc-opt:hover{border-color:rgba(16,185,129,.45)}
.acc-opt input{width:18px;height:18px;accent-color:var(--mint2);flex:none;margin:0}
.acc-opt:has(input:checked){border-color:var(--mint);background:var(--mint-soft)}
.acc-opt .acc-ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);color:var(--accent-text);flex:none}
.acc-opt .acc-ico svg{width:17px;height:17px}
.acc-opt .acc-txt{min-width:0;flex:1}
.acc-opt b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc-opt small{color:var(--muted);font-size:12.5px}
.acc-list{display:grid;gap:10px}
.acc-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--panel)}
.acc-card .acc-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--mint-soft);color:var(--accent-text);flex:none}
.acc-card .acc-ico svg{width:18px;height:18px}
.acc-card .acc-txt{flex:1;min-width:0}
.acc-card b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc-card small{color:var(--muted)}
.acc-card .acc-actions{display:flex;gap:6px;flex:none}
.acc-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px}
.acc-head h3{margin:0;font-size:16px}
.acc-group+.acc-group{margin-top:26px}

.table-wrap{overflow-x:auto;border-radius:var(--r);border:1px solid var(--line);background:var(--panel)}
table.t{width:100%;border-collapse:collapse;font-size:14px}
table.t th{text-align:left;font-weight:650;color:var(--dim);font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding:14px 16px;border-bottom:1px solid var(--line);white-space:nowrap}
table.t td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:middle}
table.t tr:last-child td{border-bottom:0}
table.t tbody tr{transition:background .12s}
table.t tbody tr:hover{background:var(--hover)}
table.t .r{text-align:right}
.rowlink{cursor:pointer}
.empty{padding:48px 20px;text-align:center;color:var(--muted)}
.empty svg{width:28px;height:28px;margin:0 auto 10px}
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}
.stat{padding:20px 22px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line)}
.stat span{font-size:13px;color:var(--muted)}
.stat b{display:block;font-size:24px;letter-spacing:-.03em;margin-top:4px}
.prose{max-width:780px;color:var(--muted)}
.prose h2{color:var(--text);margin:30px 0 10px;font-size:20px}
.prose p{margin:0 0 12px}
.prose ul{margin:0 0 12px;padding-left:20px}


/* theme switch */
.theme-switch{display:inline-flex;gap:2px;padding:3px;border-radius:999px;border:1px solid var(--line);background:var(--field)}
.theme-switch button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--dim);font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}
.theme-switch button svg{width:14px;height:14px}
.theme-switch button:hover{color:var(--text)}
.theme-switch button[aria-pressed="true"]{background:var(--panel);color:var(--text);box-shadow:0 1px 2px rgba(16,24,40,.08),inset 0 0 0 1px var(--line2)}
[data-theme="dark"] .theme-switch button[aria-pressed="true"]{background:var(--raise)}
.seg-mini{display:inline-flex;gap:2px;padding:3px;border-radius:999px;border:1px solid var(--line);background:var(--field)}
.seg-mini a{height:30px;min-width:38px;padding:0 10px;border-radius:999px;display:grid;place-items:center;font-size:12.5px;font-weight:650;color:var(--dim)}
.seg-mini a:hover{color:var(--text)}
.seg-mini a.on{background:var(--panel);color:var(--text);box-shadow:0 1px 2px rgba(16,24,40,.08),inset 0 0 0 1px var(--line2)}
[data-theme="dark"] .seg-mini a.on{background:var(--raise)}

/* modals */
dialog.modal{border:0;padding:0;margin:auto;background:transparent;color:var(--text);width:calc(100% - 32px);max-width:500px;max-height:calc(100dvh - 32px);overflow:visible}
dialog.modal::backdrop{background:rgba(6,10,18,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
dialog.modal[open]{animation:modal-in .18s ease-out}
dialog.modal[open]::backdrop{animation:fade-in .18s ease-out}
@keyframes modal-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
.modal-card{display:grid;gap:18px;padding:24px;border-radius:22px;background:var(--panel);border:1px solid var(--line2);box-shadow:0 40px 90px -30px rgba(6,10,18,.5);max-height:calc(100dvh - 32px);overflow:auto}
.modal-head{display:flex;gap:14px;align-items:flex-start}
.modal-ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none;background:var(--info-bg);color:var(--info)}
.modal-ico svg{width:20px;height:20px}
.modal-ico.ok{background:var(--ok-bg);color:var(--ok)}
.modal-ico.warn{background:var(--warn-bg);color:var(--warn)}
.modal-ico.bad{background:var(--bad-bg);color:var(--bad)}
.modal-head h3{margin:2px 0 4px;font-size:18px;letter-spacing:-.02em;line-height:1.3}
.modal-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.modal-x{margin-left:auto;flex:none;width:34px;height:34px;border-radius:10px;border:0;background:transparent;color:var(--dim);display:grid;place-items:center;cursor:pointer}
.modal-x:hover{background:var(--hover);color:var(--text)}
.modal-x svg{width:16px;height:16px}
.modal-body{display:grid;gap:14px}
.modal-body .form-group{margin:0}
.modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
textarea.input{height:auto;min-height:92px;padding:12px 16px;line-height:1.5;resize:vertical}

/* responsive tables: columns drop, then rows turn into cards */
.table-wrap{container:tbl/inline-size}
/* break-word, not anywhere: a cell is never narrower than its longest word (emails stay whole), long words still wrap if they must */
table.t td{overflow-wrap:break-word}
table.t td.nowrap,table.t td .nowrap{overflow-wrap:normal}
/* Every column is shown while it fits. app.js steps down only when the table is really wider than its box:
   soft = emails may wrap before "@", fit2 = drop .opt2 columns, fit1 = also drop .opt columns. */
.table-wrap:not(.soft) table.t td.keep{white-space:nowrap}
.table-wrap:not(.soft) table.t td.keep wbr{display:none}
.table-wrap.soft table.t th{white-space:normal}
.table-wrap.fit2 table.t.rt .opt2{display:none}
.table-wrap.fit1 table.t.rt .opt{display:none}
@container tbl (max-width:560px){
  .table-wrap table.t.rt thead{display:none}
  .table-wrap table.t.rt,.table-wrap table.t.rt tbody,.table-wrap table.t.rt tr{display:block;width:100%}
  .table-wrap table.t.rt tr{padding:14px 16px;border-bottom:1px solid var(--line)}
  .table-wrap table.t.rt tr:last-child{border-bottom:0}
  .table-wrap table.t.rt td,.table-wrap table.t.rt td.r{display:block;padding:3px 0;border:0;text-align:right;font-size:13.5px;white-space:normal}
  .table-wrap table.t.rt td::after{content:"";display:table;clear:both}
  .table-wrap table.t.rt td[data-label]::before{content:attr(data-label);float:left;margin-right:14px;color:var(--dim);font-size:12.5px;font-weight:550}
  .table-wrap table.t.rt td.cl{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;padding:0 0 8px;font-weight:650}
  .table-wrap table.t.rt td.cl::after{content:none}
  .table-wrap table.t.rt .opt,.table-wrap table.t.rt td.opt2,.table-wrap table.t.rt td.r.opt2{display:block}
  .table-wrap table.t.rt td.empty{text-align:center;padding:36px 8px}
  .table-wrap table.t.rt .cell-sub{display:block}
  .table-wrap table.t.rt tr.sub-row td{padding:4px 0 0}
}

/* admin shell */
.admin{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh;width:100%}
.side{position:sticky;top:0;height:100vh;height:100dvh;border-right:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;padding:20px 14px 16px;z-index:50}
.sandbox-on .side{top:0}
.side .brand{padding:4px 10px 22px}
.side nav{display:grid;gap:2px}
.side nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:var(--muted);font-weight:560;font-size:14.5px;transition:background .12s,color .12s}
.side nav a svg{width:18px;height:18px}
.side nav a:hover{background:var(--hover);color:var(--text)}
.side nav a.on{background:var(--mint-soft);color:var(--accent-text)}
.cnt{margin-left:auto;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:#f59e0b;color:#2a1d00;font-size:11.5px;font-weight:800;display:grid;place-items:center}
.cnts{margin-left:auto;display:inline-flex;gap:4px}
.cnts .cnt{margin-left:0}
.cnt.cnt-wait{background:var(--info-bg);color:var(--info);box-shadow:inset 0 0 0 1px var(--info-line)}
.side-foot{margin-top:auto;padding:16px 4px 0;border-top:1px solid var(--line);display:grid;gap:12px}
.side-who{display:flex;align-items:center;gap:10px;padding:0 6px}
.side-who .av{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--mint-soft);color:var(--accent-text);font-weight:750;text-transform:uppercase;flex:none}
.side-who div{flex:1;min-width:0;font-size:12.5px;color:var(--dim)}
.side-who b{display:block;color:var(--text);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-ctrl{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:0 4px}
.adm-bar{display:none}
@media (min-width:1025px){.admin{background:linear-gradient(to right,var(--panel) 0 263px,var(--line) 263px 264px,transparent 264px)}}
.nav-scrim{display:none}
.adm-main{min-width:0;padding:28px clamp(16px,3vw,40px) 64px;container:main/inline-size}
.adm-inner{max-width:1560px;margin:0 auto}
.adm-top{display:flex;align-items:center;gap:10px 12px;margin-bottom:24px;flex-wrap:wrap}
.adm-top h1{font-size:26px;letter-spacing:-.035em;margin:0 auto 0 0;line-height:1.2}
.adm-pills{display:flex;gap:8px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:4px 12px;border-radius:999px;border:1px solid var(--line);background:var(--panel);font-size:13px;color:var(--muted);max-width:100%}
.pill b{color:var(--text);font-weight:650}
.pill svg{width:15px;height:15px;flex:none}
a.pill:hover{border-color:var(--line2);color:var(--text)}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:16px}
.kpi{padding:18px 20px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line);min-width:0}
.kpi span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:650}
.kpi b{display:block;font-size:26px;letter-spacing:-.03em;margin:6px 0 2px;font-weight:720;overflow-wrap:anywhere}
.kpi small{color:var(--dim);font-size:12.5px}
.panel:has(>.kpis){container-type:inline-size}
.panel .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
@container (min-width:700px){.panel .kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
.panel .kpi b{font-size:24px;white-space:nowrap;overflow-wrap:normal;overflow:hidden;text-overflow:ellipsis}
.panel{border-radius:var(--r);background:var(--panel);border:1px solid var(--line);padding:20px;min-width:0}
.panel h2{font-size:13px;margin:0 0 16px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-weight:700;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.panel h2 .grow{margin-right:auto}
.panel h2 .btn,.panel h2 .badge{text-transform:none;letter-spacing:0}
.panel>.table-wrap{border-radius:12px}
.panel.flush{padding:0;overflow:hidden}
.panel.flush>h2{padding:18px 20px 0}
.panel.flush>.table-wrap{border:0;border-top:1px solid var(--line);border-radius:0}
a.panel{display:block;transition:border-color .15s}
a.panel:hover{border-color:var(--line2)}
.stack{display:grid;gap:16px;align-content:start;min-width:0}
.panels{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:16px;margin-bottom:16px;align-items:start}
.panels.wide-left{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}
.panels.even{grid-template-columns:repeat(2,minmax(0,1fr))}
@container main (max-width:1040px){.panels,.panels.wide-left,.panels.even{grid-template-columns:minmax(0,1fr)}}
.bars{display:block;width:100%;height:180px}
.bars text{fill:var(--dim);font-size:10px;font-family:var(--sans)}
.bars .bar{fill:var(--mint)}
.status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.status-grid a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--field);border:1px solid var(--line);font-size:13px;color:var(--muted)}
.status-grid a b{color:var(--text)}
.status-grid a:hover{border-color:var(--line2)}
.status-grid a.zero{opacity:.55}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;align-items:center}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel);display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);font-weight:560;white-space:nowrap}
.chip:hover{color:var(--text);border-color:var(--line2)}
.chip.on{border-color:rgba(16,185,129,.45);color:var(--accent-text);background:var(--mint-soft)}
.search{display:flex;gap:8px;margin-left:auto;flex:1 1 280px;max-width:420px}
.search .input{height:40px;font-size:14px;border-radius:12px;flex:1;min-width:0}
.search .btn{height:40px;width:44px;padding:0;flex:none}
table.t.sm td,table.t.sm th{padding:11px 14px;font-size:13.5px}
.t .mono{font-size:12.5px}
.t.sm .badge{height:24px;font-size:12px;padding:0 9px}
.cell-sub{display:block;font-size:12px;color:var(--dim);font-weight:400}
.cell-sub.bad{color:var(--bad)}.cell-sub.warn{color:var(--warn)}
.timeline{list-style:none;margin:0;padding:0;display:grid}
.timeline li{position:relative;padding:0 0 16px 22px;font-size:13.5px;min-width:0;overflow-wrap:anywhere}
.timeline li::before{content:"";position:absolute;left:4px;top:7px;width:8px;height:8px;border-radius:50%;background:var(--mint2)}
.timeline li::after{content:"";position:absolute;left:7.5px;top:18px;bottom:0;width:1px;background:var(--line2)}
.timeline li:last-child{padding-bottom:0}
.timeline li:last-child::after{display:none}
.timeline .meta{color:var(--dim);font-size:12px;margin-top:2px}
.att-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
.att-list{display:grid;gap:10px}
.flags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.flag{font-size:12.5px;padding:4px 9px;border-radius:8px;background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-line)}
pre.raw{margin:8px 0 0;max-height:240px;overflow:auto;font:12px/1.5 var(--mono);background:var(--field);border:1px solid var(--line);border-radius:10px;padding:10px 12px;white-space:pre-wrap;word-break:break-all;color:var(--muted)}
.api-log{display:grid;gap:6px}
.api-hint{margin:-4px 0 12px;font-size:13px;color:var(--dim)}
.al{border:1px solid var(--line);border-left:3px solid var(--line2);border-radius:12px;background:var(--field);transition:border-color .15s}
.al.tone-ok{border-left-color:var(--ok)}.al.tone-warn{border-left-color:var(--warn)}.al.tone-bad{border-left-color:var(--bad)}
.al summary{font-feature-settings:"calt" 0;cursor:pointer;list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:10px 12px;font-size:13px;color:var(--muted)}
.al summary::-webkit-details-marker{display:none}
.al summary:hover{color:var(--text)}
.al[open]{border-color:var(--line2)}
.al-time{font-size:12.5px;color:var(--dim);white-space:nowrap}
.al-svc{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:6px;white-space:nowrap}
.svc-payout{color:var(--accent-text);background:var(--mint-soft)}
.svc-tronscan{color:#c2410c;background:rgba(234,88,12,.1)}
[data-theme="dark"] .svc-tronscan{color:#fdba74;background:rgba(251,146,60,.14)}
.al-act{font-weight:620;color:var(--text)}
.al-note{color:var(--muted);min-width:0;overflow-wrap:anywhere}
.al-note.t-ok{color:var(--ok)}.al-note.t-warn{color:var(--warn)}.al-note.t-bad{color:var(--bad)}
.al-meta{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;white-space:nowrap}
.al-rep{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:1px 8px}
.al-code{font-weight:700;padding:1px 7px;border-radius:6px;border:1px solid var(--line2)}
.al-code.c-ok{color:var(--ok);border-color:var(--ok-line);background:var(--ok-bg)}
.al-code.c-warn{color:var(--warn);border-color:var(--warn-line);background:var(--warn-bg)}
.al-code.c-bad{color:var(--bad);border-color:var(--bad-line);background:var(--bad-bg)}
.al-ms{color:var(--dim);min-width:52px;text-align:right}
.al-body{padding:0 12px 12px}
.al-url{font-size:12px;color:var(--muted);overflow-wrap:anywhere;padding-top:2px}
.al-url b{color:var(--text)}
.al-lbl{margin:10px 0 -2px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.api-pager{margin-top:14px}
@media (max-width:640px){.al-meta{margin-left:0;width:100%}.al-ms{text-align:left;min-width:0}}
.set-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px 18px}
.set-grid .form-group{margin:0;min-width:0;display:flex;flex-direction:column;justify-content:flex-end}
.set-grid .input,.set-grid .select{height:44px;border-radius:12px;font-size:14.5px}
.switches{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-bottom:18px}
.switch{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--field);cursor:pointer;font-size:14px;min-width:0}
.switch input{width:18px;height:18px;accent-color:var(--mint2);flex:none;margin:0}
.switch:has(input:checked){border-color:var(--ok-line);background:var(--ok-bg)}
.form-foot{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--dim);flex:none}
.dot.ok{background:var(--ok)}.dot.bad{background:var(--bad)}.dot.warn{background:var(--warn)}
.actions-list{display:grid;gap:8px}
.act{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--field);color:var(--text);text-align:left;cursor:pointer;transition:border-color .15s,background .15s;font:inherit}
.act:hover{border-color:var(--line2);background:var(--panel2)}
.act .ai{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none;background:var(--info-bg);color:var(--info)}
.act .ai svg{width:17px;height:17px}
.act .ai.ok{background:var(--ok-bg);color:var(--ok)}
.act .ai.warn{background:var(--warn-bg);color:var(--warn)}
.act .ai.bad{background:var(--bad-bg);color:var(--bad)}
.act .at{flex:1;min-width:0}
.act b{display:block;font-size:14px;font-weight:620}
.act small{display:block;color:var(--dim);font-size:12.5px;line-height:1.4}
.act>svg{width:16px;height:16px;color:var(--dim);flex:none}
.empty-note{color:var(--dim);font-size:13.5px;padding:4px 0}
.copyline{display:flex;align-items:center;gap:8px;min-width:0}
.copyline code{font-family:var(--mono);font-size:12.5px;overflow-wrap:anywhere;min-width:0}
.txl{display:inline-flex;align-items:center;gap:5px}
.txl svg{width:13px;height:13px;flex:none}
.approve-panel{border-color:var(--warn-line);box-shadow:0 0 0 3px var(--warn-bg);margin-bottom:16px}
.approve-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:24px;margin-bottom:18px}
.checklist{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:14px}
.checklist li{display:flex;gap:10px;align-items:flex-start;min-width:0}
.checklist li>span:first-child{flex:none}
.checklist li>span:first-child svg{width:17px;height:17px;margin-top:2px}
.approve-form{display:grid;gap:12px;padding-top:18px;border-top:1px dashed var(--line2)}
.approve-form .btn{justify-self:start}
.mode-panel{scroll-margin-top:20px;margin-bottom:16px}
.mode-panel.is-manual{border-color:var(--warn-line)}
.mode-panel.is-auto{border-color:var(--ok-line)}
.mode-state{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;margin:-6px 0 0}
.mode-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px;margin:16px 0}
.mode-opt{border:1px solid var(--line);border-radius:14px;padding:14px 16px;opacity:.6}
.mode-opt b{display:flex;align-items:center;gap:8px;font-size:14px}
.mode-opt b svg{width:16px;height:16px}
.mode-opt p{margin:6px 0 0;font-size:13px;color:var(--muted);line-height:1.5}
.mode-opt.on{opacity:1}
.is-manual .mode-opt.on{border-color:var(--warn-line);background:var(--warn-bg)}
.is-auto .mode-opt.on{border-color:var(--ok-line);background:var(--ok-bg)}
.kv a.link svg{display:inline;width:13px;height:13px;vertical-align:-1px}
.kv dd .btn{margin-left:6px;vertical-align:middle}
.who-line{display:flex;align-items:center;gap:8px;min-width:0}
.adm-login{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:32px 16px}
.adm-login .auth-card{max-width:420px}
.login-ctrl{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.links-list{display:grid;gap:6px;font-size:14px}
.links-list a{display:flex;gap:8px;align-items:center}
.sub-title{font-size:12.5px;color:var(--dim);margin:0 0 8px;font-weight:600}
.audit-data{font-family:var(--mono);font-size:12px;color:var(--muted);overflow-wrap:anywhere}

@media (max-width:1024px){
  .admin{grid-template-columns:minmax(0,1fr)}
  .side{position:fixed;top:0;bottom:0;left:0;width:min(300px,86vw);height:100dvh;transform:translateX(-102%);transition:transform .22s ease;box-shadow:0 30px 80px rgba(6,10,18,.35);overflow-y:auto}
  .nav-open .side{transform:none}
  .nav-scrim{position:fixed;inset:0;background:rgba(6,10,18,.45);z-index:40;border:0;padding:0}
  .nav-open .nav-scrim{display:block}
  .adm-bar{display:flex;align-items:center;gap:10px;position:sticky;top:0;z-index:30;height:60px;padding:0 12px;border-bottom:1px solid var(--line);background:var(--head-bg);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%)}
  .adm-bar .brand{font-size:16px}
  .adm-bar .brand-mark{width:30px;height:30px}
  .adm-bar .cnt{margin-left:auto}
  .adm-main{padding-top:20px}
  .adm-top h1{font-size:22px}
}

@media (max-width:1100px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:980px){
  .hero-grid,.grid-2,.perks,.about,.biz-band{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr}
  .features,.biz-grid{grid-template-columns:1fr 1fr}
  .nav{display:none}
  .sticky{position:relative;top:auto}
}
@media (max-width:640px){
  .wrap{padding:0 16px}
  .site-head .wrap{gap:10px;height:62px}
  .hero{padding:32px 0 16px}
  .steps,.features,.stats-row,.row-2,.biz-grid,.about-stats{grid-template-columns:1fr}
  .stats-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .stat{padding:12px}
  .stat span{font-size:11.5px;line-height:1.3;display:block}
  .stat b{font-size:16px;overflow-wrap:anywhere}
  .card-pad{padding:20px}
  .pay-grid{grid-template-columns:1fr;justify-items:center;text-align:center}
  .pay-grid>div{width:100%}
  .pay-grid .copybox{text-align:left}
  .big-amount{justify-content:center}
  .big-amount .copybtn{margin-left:0}
  .hero-stats{gap:22px}
  .cta-band,.biz-band{flex-direction:column;align-items:flex-start;padding:24px}
  .cta-band .btn{width:100%}
  .rate-chip,.head-cta{display:none}
  .amount{font-size:28px}
  .stepper{gap:6px}
  .stepper div{font-size:11.5px;line-height:1.3}
  .sandbox-row{flex-direction:column}
  .sandbox-head{flex-direction:column;align-items:flex-start}
  .perk-main{padding:24px}
  .page{padding:24px 0 56px}
  .page-title h1{font-size:26px}
  .page-title .btn{width:100%}
  .section{padding:56px 0}
  .auth-wrap{padding:28px 16px 64px}
  .foot-grid{grid-template-columns:1fr 1fr;gap:26px 20px}
  .foot-brand{grid-column:1/-1}
  .foot-bottom{flex-direction:column;align-items:flex-start}
  .modal-card{padding:20px}
  .modal-actions .btn{flex:1 1 140px}
  .search{max-width:none;margin-left:0}
  .kpi b{font-size:20px}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .kpi{padding:14px}
  .kpi span{font-size:11px}
  .pill{font-size:12px;min-height:28px;padding:3px 10px;gap:6px}
  .adm-pills{gap:6px}
  .adm-top h1{font-size:20px}
  .acc-card{flex-wrap:wrap}
  .acc-card .acc-actions{margin-left:auto}
  .tabs{width:100%}
  .tabs a{flex:1;justify-content:center;padding:0 10px}
}
@media (max-width:480px){
  .btn{white-space:normal;height:auto;min-height:42px;padding-top:9px;padding-bottom:9px;line-height:1.25;text-align:center}
  .btn-lg{min-height:52px}
  .btn-sm{min-height:34px;padding-top:6px;padding-bottom:6px}
  .approve-form .btn{justify-self:stretch}
}
@media (max-width:340px){
  .site-head .brand-name{display:none}
  .foot-grid{grid-template-columns:1fr}
  .theme-switch button span{display:none}
  .theme-switch button{padding:0 10px}
}
@media (max-width:380px){
  .lang a{min-width:30px;padding:0 6px}
  .head-right{gap:6px}
  .tabs a svg{display:none}
  .big-amount{font-size:28px}
}
@media (min-width:1800px){
  .wrap{max-width:1320px}
  body{font-size:15.5px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.contact-card .ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--mint-soft);color:var(--accent-text)}
.contact-card .ico svg{width:20px;height:20px}
.contact-card .btn{align-self:flex-start}
.feature h3 .badge{margin-left:6px;vertical-align:middle}
.progress i.w-0{width:0%}.progress i.w-5{width:5%}.progress i.w-10{width:10%}.progress i.w-15{width:15%}.progress i.w-20{width:20%}.progress i.w-25{width:25%}.progress i.w-30{width:30%}.progress i.w-35{width:35%}.progress i.w-40{width:40%}.progress i.w-45{width:45%}.progress i.w-50{width:50%}.progress i.w-55{width:55%}.progress i.w-60{width:60%}.progress i.w-65{width:65%}.progress i.w-70{width:70%}.progress i.w-75{width:75%}.progress i.w-80{width:80%}.progress i.w-85{width:85%}.progress i.w-90{width:90%}.progress i.w-95{width:95%}.progress i.w-100{width:100%}
.empty p{margin:0 0 16px}
.reason-box .label{display:flex;align-items:center;gap:8px}
.reason-box .req{color:var(--bad);font-weight:700}
.opt-tag{font-weight:500;font-size:11.5px;color:var(--dim);padding:1px 8px;border-radius:999px;background:var(--hover)}
.reason-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.rchip{min-height:30px;padding:4px 12px;border-radius:999px;border:1px dashed var(--line2);background:var(--field);font-size:12.5px;line-height:1.3;color:var(--muted);cursor:pointer;text-align:left;transition:border-color .15s,color .15s,background .15s}
.rchip:hover,.rchip.on{border-style:solid;border-color:rgba(16,185,129,.55);color:var(--accent-text);background:var(--mint-soft)}
.reason-box textarea.input{min-height:64px}
.reason-box.inline{margin:0;flex:1 1 260px;max-width:460px}
.reason-box.inline .input{height:44px;border-radius:12px;font-size:14.5px}
.form-foot.with-reason{align-items:flex-end}
.reason-line{display:flex;gap:6px;align-items:flex-start;margin-top:4px;font-size:12.5px;color:var(--muted);font-style:italic;overflow-wrap:anywhere}
.reason-line svg{width:13px;height:13px;flex:none;margin-top:2px;color:var(--dim)}
.brand-tld{color:var(--accent-text)}
.coins-band{padding:32px 36px;border-radius:var(--r-lg);display:grid;grid-template-columns:1fr auto;gap:24px 32px;align-items:center;background:radial-gradient(70% 140% at 100% 0%,rgba(59,130,246,.10),transparent 60%),radial-gradient(60% 120% at 0% 100%,var(--mint-soft),transparent 60%),var(--panel);border:1px solid var(--line)}
.coins-band h3{margin:8px 0 8px;font-size:26px;letter-spacing:-.03em;line-height:1.2}
.coins-band p{margin:0;color:var(--muted);max-width:640px}
.coin-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.coin-chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px 0 6px;border-radius:999px;border:1px solid var(--line);background:var(--field);font-weight:650;font-size:13.5px}
.coin-chip i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:13px;color:#fff}
.cc-btc{background:#f7931a}.cc-eth{background:#627eea}.cc-usdc{background:#2775ca}.cc-xmr{background:#ff6600}
.coin-chip.soon{padding:0 14px;color:var(--muted);border-style:dashed;font-weight:560}
.coin-chip.soon svg{width:14px;height:14px}
@media (max-width:760px){.coins-band{grid-template-columns:1fr;padding:24px}.coins-band .btn{width:100%}.coins-band h3{font-size:22px}}

.lang-top{flex:none}
.bar-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.adm-bar .cnt{margin-left:0}
.login-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.login-ctrl{justify-content:center}
@media (max-width:1024px){.lang-top{display:none}}
.set-grid .label svg{width:14px;height:14px;display:inline;vertical-align:-2px;margin-right:2px}
#links{scroll-margin-top:20px}
.socials{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.soc{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--field);color:var(--text);transition:border-color .15s,transform .12s,color .15s}
.soc svg{width:20px;height:20px}
.soc-x:hover{color:var(--mint)}
@media (max-width:640px){.soc{width:40px;height:40px;border-radius:11px}.soc svg{width:18px;height:18px}}
.soc:hover{border-color:var(--line2);transform:translateY(-1px)}
.soc-tg svg{color:#229ed9}
.soc-ig svg{color:#e1306c}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 24px}
.faq-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:40px;align-items:start}
.faq-side{position:sticky;top:96px}
.faq-side h2{font-size:clamp(28px,3.4vw,40px);letter-spacing:-.035em;margin:10px 0 12px;line-height:1.12}
html[lang="hi"] .faq-side h2{letter-spacing:-.01em;line-height:1.3}
.faq-side p{color:var(--muted);margin:0 0 20px;font-size:16px}
.faq-help{display:flex;gap:10px;flex-wrap:wrap}
.faq-layout .faq{max-width:none}
.faq details{padding:0 20px}
.faq summary{padding:18px 0}
.cta-band{margin:20px 0 80px}
.cta-actions{display:flex;gap:10px;flex-wrap:wrap}
.community{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;padding:20px 24px;margin:0 0 80px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel)}
.community b{display:block;font-size:16px}
.community span{color:var(--muted);font-size:14px}
.community-links{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:980px){.faq-layout{grid-template-columns:1fr;gap:24px}.faq-side{position:static}}
@media (max-width:640px){.hero-actions .btn,.cta-actions .btn{flex:1 1 160px}.cta-actions{width:100%}.community{padding:18px}.community-links{width:100%}.community-links .soc{flex:1;justify-content:center}}
.acc-hero{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;padding:24px 26px;margin-bottom:16px;border-radius:var(--r-lg);border:1px solid var(--line);background:radial-gradient(70% 160% at 0% 0%,var(--mint-soft),transparent 60%),var(--panel)}
.acc-id{display:flex;align-items:center;gap:16px;min-width:0}
.acc-id>div{min-width:0}
.acc-avatar{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;flex:none;font-size:24px;font-weight:780;color:var(--mint-ink);background:linear-gradient(135deg,#4ff0bd,#22d39a 45%,#14c7b8);box-shadow:0 10px 26px -12px rgba(16,185,129,.7)}
.acc-id h1{margin:0 0 6px;font-size:26px;letter-spacing:-.03em;line-height:1.15}
.acc-id p{margin:0;display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.acc-email{color:var(--text);font-weight:560;overflow-wrap:break-word;min-width:0}
.acc-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:24px}
.acc-nav a{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel);transition:border-color .15s,background .15s,transform .12s;min-width:0}
.acc-nav a:hover{border-color:var(--line2);transform:translateY(-1px)}
.acc-nav a.on{border-color:rgba(16,185,129,.5);background:var(--mint-soft);box-shadow:0 0 0 3px var(--mint-soft)}
.an-ico{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:none;background:var(--field);border:1px solid var(--line);color:var(--muted)}
.an-ico svg{width:20px;height:20px}
.acc-nav a.on .an-ico{background:var(--panel);color:var(--accent-text);border-color:rgba(16,185,129,.35)}
.an-txt{min-width:0}
.an-txt b{display:block;font-size:15.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.an-txt small{display:block;color:var(--dim);font-size:13px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:760px){
  .acc-hero{padding:20px}
  .acc-hero .btn{width:100%}
  .acc-avatar{width:48px;height:48px;font-size:20px;border-radius:15px}
  .acc-id h1{font-size:22px}
  .acc-nav{gap:8px}
  .acc-nav a{flex-direction:column;align-items:center;text-align:center;gap:8px;padding:14px 8px}
  .an-ico{width:40px;height:40px}
  .an-txt b{font-size:13.5px;white-space:normal}
  .an-txt small{font-size:11.5px;white-space:normal}
}
@media (max-width:360px){.adm-bar{gap:8px;padding:0 10px}.adm-bar .brand small{display:none}.adm-bar .seg-mini a{min-width:32px;padding:0 7px}.bar-right{gap:6px}}
.section-head p.lead{margin:0 0 26px;font-size:18px}

@media (max-width:640px){
  .hero-actions{flex-direction:column}
  .hero-actions .btn{width:100%;flex:none}
  .hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .hero-stats b{font-size:20px}
  .hero-stats span{font-size:12px;line-height:1.35;display:block}
  .trust{flex-direction:column;gap:10px}
  .sandbox-row .input{flex:none}
  .about-stats{grid-template-columns:1fr 1fr}
  .about-stats div{padding:16px}
  .about-stats b{font-size:20px}
  .cta-actions{flex-direction:column}
  .cta-actions .btn{width:100%;flex:none}
}
.breakdown dt{white-space:nowrap}
.prose .page-title h1{color:var(--text)}
.prose .page-title p{color:var(--muted)}
.about .section-head{margin-bottom:18px}

/* ---------- exchange without an account ---------- */
.head-short{display:none}
@media (max-width:640px){.head-short{display:inline}}
.hero-note{margin:-8px 0 22px;font-size:14px;color:var(--muted);max-width:520px;line-height:1.55}
.ways-head{max-width:760px}
.ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.way{position:relative;display:flex;flex-direction:column;gap:20px;padding:28px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--panel);min-width:0}
.way .checks{flex:1;align-content:start;color:var(--text);font-size:15px}
.way-pro{border-color:rgba(16,185,129,.45);background:radial-gradient(90% 120% at 100% 0%,var(--mint-soft),transparent 60%),var(--panel);box-shadow:0 0 0 4px var(--mint-soft)}
.way-top{display:flex;align-items:center;gap:14px;min-width:0}
.way-pro .way-top{padding-right:130px}
.way-top>div{min-width:0}
.way-ico{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;flex:none;background:var(--field);border:1px solid var(--line);color:var(--accent-text)}
.way-pro .way-ico{background:linear-gradient(135deg,#4ff0bd,#22d39a 45%,#14c7b8);color:var(--mint-ink);border-color:transparent;box-shadow:0 10px 26px -12px rgba(16,185,129,.7)}
.way-ico svg{width:22px;height:22px}
.way-top h3{margin:0 0 3px;font-size:20px;letter-spacing:-.025em;line-height:1.2}
.way-top>div span{display:block;color:var(--dim);font-size:13.5px}
.way-tag{position:absolute;top:22px;right:22px;padding:5px 11px;border-radius:999px;background:var(--mint-soft);color:var(--accent-text);font-size:12px;font-weight:650;border:1px solid rgba(16,185,129,.35);white-space:nowrap}
@media (max-width:860px){.ways{grid-template-columns:1fr}}
@media (max-width:640px){.way{padding:22px;gap:16px}.way-pro .way-top{padding-right:0}.way-tag{position:static;align-self:flex-start;order:-1;margin-bottom:-4px}}

.guest-bar{display:flex;align-items:center;gap:12px 16px;padding:14px 16px;margin-bottom:18px;border-radius:var(--r);border:1px solid rgba(16,185,129,.35);background:radial-gradient(80% 180% at 0% 0%,var(--mint-soft),transparent 70%),var(--panel)}
.gb-ico,.gl-ico,.aa-ico{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:none;background:var(--mint-soft);color:var(--accent-text)}
.gb-ico svg,.gl-ico svg,.aa-ico svg{width:20px;height:20px}
.gb-txt{flex:1;min-width:0}
.gb-txt b,.gl-txt b{display:block;font-size:15px;line-height:1.35}
.gb-txt span,.gl-txt span{display:block;color:var(--muted);font-size:13.5px;line-height:1.5;margin-top:2px}
.gb-actions{display:flex;gap:8px;flex:none}
@media (max-width:760px){.guest-bar{flex-wrap:wrap;align-items:flex-start}.gb-txt{flex:1 1 calc(100% - 58px)}.gb-actions{width:100%}.gb-actions .btn{flex:1}}

.guest-link{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:12px 16px;padding:16px;margin-bottom:18px;border-radius:var(--r);border:1px solid var(--warn-line);background:var(--warn-bg)}
.guest-link .gl-ico{background:var(--panel);color:var(--warn);border:1px solid var(--warn-line)}
.gl-txt{min-width:0}
.guest-link .gl-box{margin:0;background:var(--panel)}
.gl-box code{font-size:13px}
@media (max-width:900px){.guest-link{grid-template-columns:auto minmax(0,1fr)}.guest-link .gl-box{grid-column:1/-1}}

.keep-box{margin-top:18px;padding:16px;border-radius:14px;border:1px dashed var(--line2);background:var(--field)}
.keep-box b{display:flex;align-items:center;gap:8px;font-size:14.5px}
.keep-box b svg{width:16px;height:16px;color:var(--accent-text);flex:none}
.keep-box p{margin:6px 0 12px;color:var(--muted);font-size:13.5px;line-height:1.5}
.keep-actions{display:flex;gap:8px;flex-wrap:wrap}
.keep-actions .btn{flex:1 1 120px}

.auth-wrap{gap:12px}
.auth-alt{width:100%;max-width:450px;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel);color:var(--text);transition:border-color .15s,transform .12s}
a.auth-alt:hover{border-color:rgba(16,185,129,.5);transform:translateY(-1px)}
.auth-alt>div{flex:1;min-width:0}
.auth-alt b{display:block;font-size:14.5px;line-height:1.35}
.auth-alt>div span{display:block;color:var(--muted);font-size:13px;line-height:1.45;margin-top:2px}
.aa-go{flex:none;color:var(--dim);display:grid}
.aa-go svg{width:18px;height:18px}
.auth-alt.is-info{border-color:var(--info-line);background:var(--info-bg)}
.auth-alt.is-info .aa-ico{background:var(--panel);color:var(--info)}

/* admin */
#guest-mode{scroll-margin-top:20px}
.mode-panel.is-off .mode-opt.on{opacity:1;background:var(--field)}
.gp-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:7px}
.gp-list li{position:relative;padding-left:16px;font-size:13px;color:var(--muted);line-height:1.5}
.gp-list li::before{content:"";position:absolute;left:2px;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--mint)}
.gp-fields{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:14px 18px;align-items:start;margin-bottom:6px}
.gp-fields .form-group{margin:0}
.gp-fields .input{height:44px;border-radius:12px;font-size:14.5px}
.gp-fields .hint{text-align:left;margin-top:6px}
.gp-actions{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto}
@media (max-width:760px){.gp-fields{grid-template-columns:1fr}.gp-actions{width:100%;margin-left:0}.gp-actions .btn{flex:1 1 140px}}
.chip svg{width:14px;height:14px;flex:none}
.pill-guest{color:var(--accent-text);border-color:rgba(16,185,129,.35);background:var(--mint-soft)}
.guest-note{margin-bottom:16px}
.eyebrow span{white-space:nowrap;flex:none}
@media (max-width:480px){.eyebrow{border-radius:14px;align-items:flex-start;line-height:1.4;padding:6px 10px 6px 6px}}
@media (max-width:900px){.guest-link{align-items:start}}
@media (max-width:480px){.guest-link .gl-box{flex-wrap:wrap}.guest-link .gl-box code{flex:1 1 100%}.guest-link .gl-box .copybtn{flex:1;justify-content:center}}
.adm-bar .brand-mark{width:30px;height:30px}
.side .brand-mark{width:36px;height:36px}
.pill-btn{cursor:pointer;font:inherit;font-size:13px;color:var(--text);transition:border-color .15s}
.pill-btn:hover{border-color:rgba(16,185,129,.5)}
.pill-btn.copied{color:var(--accent-text);border-color:rgba(16,185,129,.5)}
.adm-toast{position:fixed;z-index:60;right:20px;bottom:20px;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:10px 10px 10px 14px;border-radius:14px;border:1px solid var(--line2);background:var(--panel);box-shadow:0 18px 40px -16px rgba(0,0,0,.35);font-size:14px;font-weight:560;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}
.adm-toast.on{opacity:1;transform:none}
.adm-toast-ico{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none;background:var(--mint-soft);color:var(--accent-text)}
.adm-toast-ico svg{width:16px;height:16px}
.adm-toast .icon-btn{width:32px;height:32px}
.adm-toast-ico>span{display:contents}
.adm-toast-txt{display:grid;gap:2px;min-width:0}
.adm-toast-txt small{font-size:12px;font-weight:500;color:var(--warn)}
.adm-toast .ti-bell,.adm-toast.is-new .ti-refresh{display:none}
.adm-toast.is-new .ti-bell{display:contents}
.adm-toast.is-new{border-color:rgba(16,185,129,.45)}
.adm-toast.is-new .adm-toast-ico{background:var(--mint);color:var(--mint-ink);animation:bell-ring .9s ease-in-out 1}
@keyframes bell-ring{0%,100%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-5deg)}75%{transform:rotate(2deg)}}
@media (prefers-reduced-motion:reduce){.adm-toast.is-new .adm-toast-ico{animation:none}}
.pill-sound .snd-off,.pill-sound.off .snd-on{display:none}
.pill-sound.off .snd-off{display:contents}
.pill-sound span{display:contents}
.pill-sound.off{color:var(--dim)}
@media (max-width:640px){.adm-toast{left:16px;right:16px;bottom:16px}.adm-toast .adm-toast-txt{flex:1}}
@keyframes rowNew{from{background:var(--mint-soft)}to{background:transparent}}
tr.is-new td{animation:rowNew 6s ease-out}
tr.is-new td.cl{box-shadow:inset 3px 0 0 var(--mint)}
.pw-wrap.is-invalid .input,.input:invalid.is-touched{border-color:var(--bad-line)}
.check.plain.is-invalid{color:var(--bad)}
.state-offer{display:flex;align-items:center;gap:14px 16px;max-width:580px;margin:26px auto 0;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:var(--field);text-align:left}
.so-ico{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:none;background:var(--mint-soft);color:var(--accent-text)}
.so-ico svg{width:20px;height:20px}
.so-txt{flex:1;min-width:0}
.so-txt b{display:block;font-size:15px;line-height:1.35}
.so-txt span{display:block;margin-top:3px;font-size:13.5px;line-height:1.5;color:var(--muted)}
.state-offer .btn{flex:none}
@media (max-width:640px){.state-offer{flex-wrap:wrap;align-items:flex-start;padding:16px}.so-txt{flex:1 1 calc(100% - 58px)}.state-offer .btn{width:100%}}
.acc-card small,.acc-txt small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:1200px) and (min-width:641px){.rate-chip{display:none}}
.acc-pick{grid-template-columns:minmax(0,1fr)}.acc-opt{min-width:0}
.row-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}
@media (max-width:640px){
  .guest-link{gap:10px 12px;padding:14px}
  .guest-link .gl-txt span{font-size:13px}
  .guest-link .gl-box{padding:10px 10px 10px 12px}
  .guest-link .gl-box code{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
@media (max-width:400px){.acc-id{flex-direction:column;align-items:flex-start;gap:12px}.acc-id h1{font-size:21px}}
.gp-switches{display:grid;gap:10px;margin-top:25px}
@media (max-width:760px){.gp-switches{margin-top:0}}
.pager{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;margin-top:16px}
.pager-info{font-size:13px;color:var(--muted)}
.pager-info b{color:var(--text);font-weight:650}
.pager-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.pg{min-width:36px;height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:var(--panel);display:inline-flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums;transition:border-color .15s,background .15s}
a.pg:hover{border-color:rgba(16,185,129,.5);background:var(--mint-soft)}
.pg.on{background:var(--mint-soft);border-color:rgba(16,185,129,.55);color:var(--accent-text)}
.pg.gap{border-color:transparent;background:none;min-width:20px;padding:0;color:var(--dim)}
.pg.arrow svg{width:16px;height:16px}
.pg.off{opacity:.4}
.panel-pager{padding:0 18px 16px}
.h2-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.h2-row .link{font-size:12.5px;text-transform:none;letter-spacing:0;font-weight:600}
@media (max-width:560px){.pager{justify-content:center}.pager-info{width:100%;text-align:center}.pg.far{display:none}.pg{min-width:34px;height:34px;padding:0 8px}}
.pill-bad{color:var(--bad);border-color:var(--bad-line);background:var(--bad-bg);font-weight:600}
.unpaid{border:1px solid var(--info-line);background:var(--info-bg);border-radius:16px;padding:14px;margin-bottom:18px}
.unpaid.is-full{border-color:var(--warn-line);background:var(--warn-bg)}
.unpaid-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}
.unpaid-head b{display:block;color:var(--text);font-size:14.5px}
.unpaid-head span{font-size:13.5px;color:var(--muted)}
.unpaid-ico{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--panel);color:var(--info);border:1px solid var(--info-line)}
.unpaid.is-full .unpaid-ico{color:var(--warn);border-color:var(--warn-line)}
.unpaid-ico svg{width:17px;height:17px}
.unpaid-list{display:grid;gap:6px}
.unpaid-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--panel);border:1px solid var(--line);color:var(--text);text-decoration:none;font-size:14px;transition:border-color .15s,transform .15s}
.unpaid-row:hover{border-color:var(--line2)}
.unpaid-id{font-weight:650;font-size:13px}
.unpaid-sum{color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.unpaid-left{font-weight:700;color:var(--warn);font-size:13px}
.unpaid-left.is-over{color:var(--dim);font-weight:500}
.unpaid-go{display:inline-flex;align-items:center;gap:4px;font-weight:620;color:var(--accent-text);font-size:13px}
.unpaid-go svg{width:15px;height:15px}
@media (max-width:520px){.unpaid-row{grid-template-columns:1fr auto;row-gap:4px}.unpaid-sum{grid-column:1/-1;grid-row:2}.unpaid-go{display:none}}
input[type=search].input{-webkit-appearance:none;appearance:none}input[type=search].input::-webkit-search-decoration{-webkit-appearance:none}
.totp-steps{margin:0 0 18px;padding-left:20px;color:var(--muted);font-size:14px;display:grid;gap:12px}
.totp-steps li::marker{color:var(--accent-text);font-weight:700}
.totp-qr{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:12px}
.totp-qr .qr{width:168px;height:168px}
.totp-key{display:grid;gap:8px;justify-items:start;min-width:0}
.totp-key .help{margin:0}
.totp-key code{font-size:14px;color:var(--text);word-break:break-all;letter-spacing:.04em}
.rc-list{list-style:none;margin:0;padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;border:1px dashed var(--line2);border-radius:14px;background:var(--panel2);font-size:14px;color:var(--text)}
.totp-alt{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.totp-alt summary{cursor:pointer;color:var(--muted);font-size:13.5px;font-weight:600}
.totp-alt summary:hover{color:var(--text)}
.totp-alt[open] summary{margin-bottom:14px}
@media (max-width:520px){.totp-qr .qr{width:150px;height:150px}.rc-list{grid-template-columns:1fr}}
.soft-note{display:flex;gap:8px;align-items:flex-start;margin:12px 0 16px;padding:10px 12px;border-radius:12px;background:var(--panel2);border:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.5}
.soft-note svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--accent-text)}
.card[id],.panel[id]{scroll-margin-top:84px}
.flash-inline .alert{margin:0 0 14px}
.bd{padding:22px;display:grid;gap:18px;font-size:14px}
.bd-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.bd-head b{display:block;font-size:16px;letter-spacing:-.01em}
.bd-head .mono{font-size:12px;color:var(--dim)}
.bd-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bd-kpis div,.bd-sum div{padding:14px;border-radius:14px;background:var(--panel2);border:1px solid var(--line);display:grid;gap:4px;min-width:0}
.bd-kpis span,.bd-sum span{font-size:12px;color:var(--dim)}
.bd-kpis b{font-size:20px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd-kpis small{font-size:12px;color:var(--muted);font-weight:600}
.bd-bar{height:8px;border-radius:99px;background:var(--line);display:flex;overflow:hidden}
.bd-bar i{display:block;height:100%}
.bd-bar i:first-child{width:94%;background:linear-gradient(90deg,#10b981,#06b6d4)}
.bd-bar i:last-child{width:5%;background:#f59e0b;opacity:.85}
.bd-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:12.5px;color:var(--muted)}
.bd-legend span{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}
.bd-legend span:not(.all)::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--dim)}
.bd-legend span.ok::before{background:#10b981}.bd-legend span.run::before{background:#f59e0b}.bd-legend span.re::before{background:#06b6d4}
.bd-legend span.all{margin-left:auto;color:var(--dim)}
.bd-legend b{color:var(--text);font-weight:650}
.bd-rows{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bd-rows li{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel)}
.bd-m{font-size:11px;font-weight:750;letter-spacing:.04em;padding:3px 7px;border-radius:7px;background:var(--mint-soft);color:var(--accent-text)}
.bd-m.imps{background:var(--info-bg);color:var(--info)}
.bd-to{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bd-amt{font-weight:650}
.bd-foot{display:grid;gap:8px}
.bd-foot span{font-size:12px;color:var(--dim)}
.bd-foot svg{width:100%;height:56px;display:block}
.biz-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.biz-facts div{padding:22px;border-radius:var(--r);border:1px solid var(--line);background:var(--panel);display:grid;gap:6px;align-content:start}
.biz-facts svg{width:22px;height:22px;color:var(--accent-text);margin-bottom:6px}
.biz-facts b{font-size:22px;letter-spacing:-.03em;font-weight:740}
.biz-facts span{font-size:13.5px;color:var(--muted)}
.biz-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.biz-split>*{min-width:0}
.biz-split h2{font-size:clamp(28px,3.4vw,40px);letter-spacing:-.035em;margin:10px 0 12px;line-height:1.12}
.biz-split .muted{font-size:17px;margin:0 0 22px}
.bd-table{width:100%;border-collapse:collapse;font-size:13.5px}
.bd-table th{font-size:11.5px;font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);text-align:left;padding:0 10px 10px}
.bd-table td{padding:11px 10px;border-top:1px solid var(--line);white-space:nowrap}
.bd-table .r{text-align:right}
.bd-table td:first-child,.bd-table th:first-child{padding-left:0}
.bd-table td:last-child,.bd-table th:last-child{padding-right:0}
.bd-table .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:1px}
.dot.ok{background:#10b981}.dot.run{background:#f59e0b}.dot.re{background:#06b6d4}
.bd-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.bd-sum b{font-size:15px;white-space:nowrap}
@media (max-width:980px){.biz-facts{grid-template-columns:1fr 1fr}.biz-split{grid-template-columns:1fr;gap:28px}}
@media (max-width:520px){.bd{padding:16px;gap:14px}.bd-kpis b{font-size:17px}.bd-rows li{grid-template-columns:auto 1fr auto;gap:8px}.bd-rows li .badge{display:none}.bd-table .opt{display:none}.bd-sum{grid-template-columns:1fr 1fr}.bd-sum div:last-child{grid-column:1/-1}.biz-facts{grid-template-columns:1fr 1fr;gap:10px}.biz-facts div{padding:16px}.biz-facts b{font-size:18px}.biz-facts span{font-size:12.5px}.bd-legend span.all{margin-left:0}}