:root{--bg:#0d0f13;--bg2:#14171d;--card:#1a1d24;--card2:#22262f;--line:rgba(255,255,255,.08);--txt:#eef1f5;--mut:#98a2ad;--gold:#f2b630;--gold2:#e08a12;--ok:#2ecc71;--warn:#f39c12;--bad:#e74c3c;--blue:#4da6ff}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--txt);font:15px/1.55 Inter,system-ui,sans-serif}
a{color:var(--gold)}img{max-width:100%}
h1,h2,h3,.disp{font-family:"Barlow Condensed",Inter,sans-serif;letter-spacing:.01em;line-height:1.05;margin:0 0 .4em;text-transform:uppercase}
h1{font-size:clamp(34px,6vw,64px)}h2{font-size:clamp(26px,4vw,38px)}h3{font-size:22px}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}.narrow{max-width:520px}
.top{position:sticky;top:0;z-index:20;background:rgba(13,15,19,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.topin{display:flex;align-items:center;gap:18px;height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font:800 24px "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:.04em}.brand img{width:36px;height:36px}.brand b{color:var(--gold)}
nav{margin-left:auto;display:flex;align-items:center;gap:4px}
nav a{color:var(--txt);text-decoration:none;padding:8px 12px;border-radius:10px;font-weight:600}nav a:hover,nav a.on{background:var(--card2)}
nav .me{color:var(--mut);font-weight:600;padding:0 8px;white-space:nowrap}
.burger{display:none;margin-left:auto;cursor:pointer;padding:10px}.burger i{display:block;width:22px;height:2px;background:#fff;margin:5px 0}
@media(max-width:820px){.burger{display:block}nav{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--bg2);padding:10px 16px 16px;border-bottom:1px solid var(--line)}#navt:checked~nav{display:flex}nav .me{padding:8px 12px}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;text-decoration:none;font:700 18px "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#1a1205;background:linear-gradient(180deg,#ffd35a,var(--gold2));padding:12px 22px;border-radius:12px;box-shadow:0 6px 20px rgba(242,182,48,.18)}
.btn:hover{filter:brightness(1.06)}.btn.sm{padding:8px 14px;font-size:16px}.btn.dark{background:var(--card2);color:#fff;box-shadow:none;border:1px solid var(--line)}.btn.red{background:linear-gradient(180deg,#ff5a4a,#b8261a);color:#fff}.btn.full{width:100%}
.ghost{color:var(--mut)!important}
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(1000px 500px at 80% 0%,rgba(242,182,48,.18),transparent 60%),radial-gradient(800px 500px at 0% 100%,rgba(77,166,255,.12),transparent 60%),var(--bg)}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-top:70px;padding-bottom:70px}
.hero p.lead{font-size:18px;color:var(--mut);max-width:560px}
.kicker{display:inline-block;font:700 15px "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:.12em;color:var(--gold);text-transform:uppercase;margin-bottom:10px}
.hero h1 b{color:var(--gold)}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.ipbox{display:inline-flex;align-items:center;gap:10px;margin-top:18px;background:var(--card);border:1px solid var(--line);padding:10px 14px;border-radius:12px;color:var(--mut)}.ipbox code{color:#fff;font-weight:700}
.phone{aspect-ratio:16/9;border-radius:22px;background:linear-gradient(135deg,#1d2129,#0f1115);border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.5);position:relative;overflow:hidden}
.phone .scene{position:absolute;inset:0;background:linear-gradient(180deg,#24315a 0%,#e48b4a 55%,#2a1f2a 56%,#14161b 100%)}
.phone .city{position:absolute;left:0;right:0;bottom:44%;height:38%;background:repeating-linear-gradient(90deg,#141820 0 26px,#1b2029 26px 44px,#10131a 44px 70px);clip-path:polygon(0 60%,6% 60%,6% 20%,12% 20%,12% 45%,18% 45%,18% 5%,24% 5%,24% 50%,32% 50%,32% 25%,38% 25%,38% 55%,46% 55%,46% 10%,52% 10%,52% 40%,60% 40%,60% 0,66% 0,66% 50%,74% 50%,74% 30%,80% 30%,80% 60%,88% 60%,88% 20%,94% 20%,94% 55%,100% 55%,100% 100%,0 100%)}
.phone .hud{position:absolute;top:12px;right:12px;display:flex;gap:6px}.phone .hud i{width:30px;height:30px;border-radius:8px;background:rgba(20,22,27,.85);border:1px solid var(--line)}.phone .hud i.g{background:linear-gradient(180deg,#ffd35a,#e08a12)}
.phone .tag{position:absolute;left:50%;bottom:30%;transform:translateX(-50%);text-align:center;font:700 13px Inter;text-shadow:0 1px 3px #000}.phone .tag small{display:block;color:#9aa3ad;font-weight:600}
.section{padding:64px 0}.section.alt{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.grid{display:grid;gap:16px}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.hero .wrap,.g3,.g4,.g2{grid-template-columns:1fr}.g4.keep2{grid-template-columns:1fr 1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}
.card.hover:hover{border-color:rgba(242,182,48,.4)}
.feat .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:rgba(242,182,48,.12);color:var(--gold);font:800 22px "Barlow Condensed","Arial Narrow",sans-serif;margin-bottom:12px}
.mut{color:var(--mut)}.small{font-size:13px}.right{text-align:right}.center{text-align:center}
.steps{counter-reset:s;display:grid;gap:12px}.steps li{list-style:none;counter-increment:s;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 16px 16px 60px;position:relative}
.steps li:before{content:counter(s);position:absolute;left:16px;top:14px;width:30px;height:30px;border-radius:9px;background:var(--gold);color:#1a1205;font:800 18px "Barlow Condensed","Arial Narrow",sans-serif;display:grid;place-items:center}
.pack{position:relative;text-align:center;padding:26px 20px}
.pack .amt{font:800 46px "Barlow Condensed","Arial Narrow",sans-serif;color:var(--gold);line-height:1}.pack .bonus{color:var(--ok);font-weight:700;min-height:22px}.pack .price{font:700 26px "Barlow Condensed","Arial Narrow",sans-serif;margin:14px 0}
.pack .ribbon{position:absolute;top:14px;right:14px;background:var(--gold);color:#1a1205;font:800 13px "Barlow Condensed","Arial Narrow",sans-serif;padding:3px 8px;border-radius:6px;letter-spacing:.05em}
.coin{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#ffe27a,#e0a11b);color:#5a3a00;font:800 12px "Barlow Condensed","Arial Narrow",sans-serif;margin-right:6px;vertical-align:-3px;border:1px solid #b07a0e}
.coin.lg{width:34px;height:34px;font-size:20px}
form .row{margin-bottom:14px}label{display:block;font-weight:600;margin-bottom:6px;font-size:14px}
input,select,textarea{width:100%;background:#111318;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:11px 12px;font:inherit}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold)}
textarea{min-height:110px;resize:vertical}
.flashes{padding-top:16px}.flash{padding:12px 16px;border-radius:12px;margin-bottom:8px;font-weight:600}.flash.ok{background:rgba(46,204,113,.12);border:1px solid rgba(46,204,113,.3)}.flash.bad{background:rgba(231,76,60,.12);border:1px solid rgba(231,76,60,.35)}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--mut);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.tablewrap{overflow-x:auto}
tr.click{cursor:pointer}tr.click:hover td{background:rgba(255,255,255,.02)}
.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.badge.ok{background:rgba(46,204,113,.14);color:var(--ok)}.badge.warn{background:rgba(243,156,18,.15);color:var(--warn)}.badge.mute{background:rgba(255,255,255,.08);color:var(--mut)}.badge.bad{background:rgba(231,76,60,.15);color:var(--bad)}.badge.gold{background:var(--gold);color:#1a1205}
.chat{display:flex;flex-direction:column;gap:10px}.msg{max-width:78%;padding:12px 14px;border-radius:14px;background:var(--card2)}.msg.adm{align-self:flex-start;background:linear-gradient(135deg,#4d3b10,#2e240a);border:1px solid rgba(242,182,48,.25)}.msg.pl{align-self:flex-end}
.msg .who{font-size:12px;color:var(--mut);margin-bottom:4px;font-weight:600}.msg.adm .who{color:var(--gold)}
.shot{display:block;border-radius:12px;border:1px solid var(--line);max-height:420px;object-fit:contain;background:#000}
.stat{padding:18px}.stat .n{font:800 36px "Barlow Condensed","Arial Narrow",sans-serif;color:#fff}.stat .l{color:var(--mut);font-size:13px;text-transform:uppercase;letter-spacing:.05em}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.tabs a{padding:8px 14px;border-radius:10px;background:var(--card);border:1px solid var(--line);color:var(--txt);text-decoration:none;font-weight:600}.tabs a.on{background:var(--gold);color:#1a1205;border-color:var(--gold)}
.foot{border-top:1px solid var(--line);padding:26px 0;color:var(--mut);margin-top:40px}.footin{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.thumb{width:64px;height:48px;object-fit:cover;border-radius:8px;background:#000}
.inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pgh{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin:34px 0 18px}
.shopcard .art{height:120px;border-radius:12px;background:radial-gradient(circle at 50% 40%,rgba(242,182,48,.25),transparent 70%);display:grid;place-items:center;margin-bottom:10px;overflow:hidden}.shopcard .art img{max-height:110px}

.pack input{accent-color:var(--gold)}.pack:has(input:checked){border-color:var(--gold);box-shadow:0 0 0 2px rgba(242,182,48,.35),0 14px 40px rgba(242,182,48,.12)}

/* ---- RP home page (images) ---- */
.rphero{position:relative;min-height:min(86vh,760px);display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:#0b0d12 url(img/hero.webp) center/cover no-repeat}
.rphero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,10,14,.94) 0%,rgba(9,10,14,.72) 42%,rgba(9,10,14,.15) 75%),linear-gradient(0deg,rgba(13,15,19,1) 0%,rgba(13,15,19,0) 30%)}
.rphero .wrap{position:relative;z-index:1;padding-top:70px;padding-bottom:90px}
.rphero .emblem{width:118px;height:118px;border-radius:50%;box-shadow:0 0 0 3px rgba(242,182,48,.35),0 18px 50px rgba(0,0,0,.6);margin-bottom:18px}
.rphero h1{font:800 clamp(44px,7vw,84px)/.95 "Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;margin:0 0 14px;max-width:640px}
.rphero h1 b{color:var(--gold)}
.rphero p{font-size:18px;color:#cfd5de;max-width:520px;margin:0 0 26px}
.rphero .btn{font-size:22px;padding:15px 30px}
.rphero .note{display:block;margin-top:12px;color:var(--mut);font-size:13px}
.rpgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.rpcard{position:relative;border-radius:20px;overflow:hidden;min-height:340px;display:flex;align-items:flex-end;border:1px solid var(--line);background:#111 center/cover no-repeat;transition:transform .2s}
.rpcard:hover{transform:translateY(-4px)}
.rpcard:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,10,14,.96) 8%,rgba(9,10,14,.35) 55%,rgba(9,10,14,0) 80%)}
.rpcard .in{position:relative;padding:22px}
.rpcard h3{font:800 28px "Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;margin:0 0 6px}
.rpcard p{margin:0;color:#c3cad4;font-size:15px}
.rpcard .tag{display:inline-block;font:700 12px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#1a1205;background:var(--gold);padding:3px 8px;border-radius:6px;margin-bottom:10px}
.split{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:center}
.split img{width:100%;border-radius:22px;border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.5)}
.split h2{font:800 clamp(34px,5vw,54px)/1 "Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;margin:0 0 14px}
.split ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.split li{padding-left:28px;position:relative;color:#cfd5de}
.split li:before{content:"";position:absolute;left:0;top:7px;width:12px;height:12px;border-radius:3px;background:var(--gold);transform:rotate(45deg)}
.cta-band{position:relative;overflow:hidden;border-radius:24px;padding:60px 40px;text-align:center;background:#111 url(img/gang.webp) center 30%/cover no-repeat;border:1px solid var(--line)}
.cta-band:before{content:"";position:absolute;inset:0;background:rgba(9,10,14,.72)}
.cta-band>*{position:relative}
.cta-band h2{font:800 clamp(34px,5vw,56px)/1 "Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;margin:0 0 18px}
@media(max-width:900px){.rpgrid{grid-template-columns:1fr}.split{grid-template-columns:1fr}.rpcard{min-height:280px}.rphero:before{background:linear-gradient(0deg,rgba(9,10,14,.97) 15%,rgba(9,10,14,.55) 70%)}.rphero{align-items:flex-end}.cta-band{padding:44px 20px}}
.dlhero{position:relative;border-radius:24px;overflow:hidden;background:#111 url(img/cars.webp) center/cover no-repeat;border:1px solid var(--line);padding:46px 34px;min-height:320px;display:flex;align-items:flex-end}
.dlhero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,10,14,.95) 30%,rgba(9,10,14,.4))}
.dlhero>*{position:relative}