:root{--bg:#0a0a0f;--bg2:#12121a;--bg3:#1a1a25;--surface:#22222f;--line:#3a3a52;--text:#f0f0f5;--muted:#a0a0b0;--accent:#4da6ff;--accent2:#2d8ae0;--ok:#22c55e;--err:#f87171;--warn:#eab308}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
a{color:var(--accent)}
.top{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:14px 24px;background:var(--bg2);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.brand{font-weight:800;font-size:1.25rem;color:var(--text);text-decoration:none;white-space:nowrap}.brand span{color:var(--accent)}
.links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.links a:not(.btn){color:var(--muted);text-decoration:none;padding:4px 2px;white-space:nowrap;border-bottom:2px solid transparent}
.links a.on{color:var(--text);border-bottom-color:var(--accent)}
.wrap{max-width:1080px;margin:0 auto;padding:28px 20px 60px}
h1{font-size:1.9rem;margin:.2em 0 .5em}h2{font-size:1.3rem;margin:1.6em 0 .6em}h3{margin:1em 0 .4em}
.card{background:var(--bg3);border:1px solid var(--line);border-radius:12px;padding:20px;margin:16px 0}
.narrow{max-width:520px;margin-left:auto;margin-right:auto}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.stat{background:var(--bg3);border:1px solid var(--line);border-radius:12px;padding:16px}
.stat b{display:block;font-size:1.8rem;white-space:nowrap}.stat span{color:var(--muted);font-size:.9rem}
.btn{display:inline-block;border:1px solid #6b6b8a;background:rgba(107,107,138,.18);color:var(--text);padding:9px 16px;border-radius:8px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap}
.btn:hover{background:rgba(107,107,138,.34)}
.btn.primary{background:linear-gradient(135deg,#4da6ff,#2d8ae0);border-color:transparent;color:#001423}
.btn.danger{border-color:var(--err);color:var(--err)}
.btn.small{padding:5px 11px;font-size:.88rem}
.btn:disabled{opacity:.5;cursor:not-allowed}
label{display:block;margin:12px 0 4px;font-weight:600}
input,select,textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #6b6b8a;background:var(--bg2);color:var(--text);font:inherit}
input[type=checkbox],input[type=radio]{width:auto}
textarea{min-height:90px;resize:vertical}
input[type=color]{padding:2px;height:42px}
.row{display:flex;flex-wrap:wrap;gap:14px}.row>*{flex:1 1 200px}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.hint{color:var(--muted);font-size:.88rem;margin:4px 0}
table{width:100%;border-collapse:collapse;margin:10px 0}
th,td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{background:var(--surface);white-space:nowrap}tr:nth-child(even) td{background:rgba(255,255,255,.025)}
.num{text-align:right;white-space:nowrap}
.tablewrap{overflow-x:auto}
.flash{padding:12px 16px;border-radius:8px;margin:12px 0;border:1px solid}
.flash.ok{border-color:var(--ok);background:rgba(34,197,94,.1)}.flash.err{border-color:var(--err);background:rgba(248,113,113,.1)}.flash.warn{border-color:var(--warn);background:rgba(234,179,8,.1)}
.badge{display:inline-block;padding:2px 9px;border-radius:99px;font-size:.8rem;font-weight:700;border:1px solid var(--line);white-space:nowrap}
.badge.live,.badge.active{border-color:var(--ok);color:var(--ok)}.badge.draft,.badge.suspended{border-color:var(--warn);color:var(--warn)}.badge.deleted,.badge.failed{border-color:var(--err);color:var(--err)}
.inline{display:inline}
.hero{text-align:center;padding:48px 0 24px}.hero h1{font-size:2.6rem;max-width:760px;margin:0 auto .4em}.hero p{color:var(--muted);max-width:640px;margin:0 auto 1.2em;font-size:1.1rem}
.foot{border-top:1px solid var(--line);padding:24px;text-align:center;color:var(--muted);font-size:.9rem}
.plans{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.plan{background:var(--bg3);border:1px solid var(--line);border-radius:12px;padding:22px}.plan .price{font-size:2.2rem;font-weight:800;white-space:nowrap}
.plan ul{padding-left:18px;color:var(--muted)}
.toggle{display:inline-flex;border:1px solid #6b6b8a;border-radius:99px;overflow:hidden;margin:12px 0}
.toggle button{background:transparent;border:0;color:var(--text);padding:8px 20px;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}
.toggle button.on{background:var(--accent);color:#001423}
.wallet-btns{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}
.wbtn{display:inline-flex;flex-direction:column;align-items:center;min-width:220px;padding:10px 18px;border-radius:10px;font-weight:700;text-decoration:none;border:1px solid #6b6b8a;color:#fff;background:#000}
.wbtn.google{background:#1a1a25}.wbtn .sm{font-size:.65rem;font-weight:400;color:var(--muted);text-transform:uppercase}
.cardprev{border-radius:16px;padding:16px;max-width:340px;box-shadow:0 8px 28px rgba(0,0,0,.5);margin:8px 0}
.cardprev .head{display:flex;justify-content:space-between;align-items:center;gap:8px}.cardprev .lbl{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}
.cardprev .strip{margin:12px -16px;padding:12px 16px;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;min-height:70px;align-items:center;background-size:cover}
.dot{width:26px;height:26px;border-radius:50%;border:2px solid currentColor}.dot.f{background:currentColor}
.previews{display:flex;flex-wrap:wrap;gap:20px}
.chart{width:100%;max-width:720px;height:auto}
.poster{background:#fff;color:#000;text-align:center;padding:40px;max-width:700px;margin:0 auto;border-radius:12px}
.poster h1{font-size:2.6rem}.poster #qr img{width:360px;max-width:80%}
@media print{.top,.foot,.noprint{display:none}body{background:#fff}.poster{box-shadow:none}}
.scan video{width:100%;max-height:50vh;background:#000;border-radius:12px}
.scan .big{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.scan .big .btn{flex:1 1 140px;padding:16px;font-size:1.1rem}