/* ============================================================
   ГЛОБАЛЬНЫЙ ФОН — тёмно-алый градиент
   ============================================================ */

/* ============================================================
   ГЛОБАЛЬНЫЙ ФОН — тёмно-алый градиент
   ============================================================ */

/* ============================================================
   QuartexPE 2026 — Glass UI
   ============================================================ */
:root{
    --red:#ff2d55; --red-2:#e11d48; --red-deep:#9f1239;
    --pur:#a855f7; --pur-2:#7c3aed; --pur-deep:#5b21b6;
    --bg0:#06050b; --bg1:#0c0918; --bg2:#161029;
    --txt:#f0edf7; --txt2:#9a90b8; --txt3:#6a6383;
    --line:rgba(255,255,255,.07);
    --line2:rgba(255,255,255,.14);
    --glass:rgba(255,255,255,.05);
    --glass2:rgba(22,16,40,.55);
    --glass3:rgba(30,22,55,.4);
    --shadow:0 32px 80px -24px rgba(0,0,0,.75);
    --r:22px; --r2:16px; --r3:12px;
    --fdisp:'Space Grotesk','Inter',sans-serif;
    --fbody:'Inter',-apple-system,sans-serif;
    --fmono:'JetBrains Mono',monospace;
}
*{box-sizing:border-box;}

/* grid отключён */

/* ============ HEADER ============ */
.site-header{
    position:fixed!important;top:0;left:0;right:0;z-index:1000;
    background:transparent!important;border:none!important;
    padding:16px 20px 0;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}
.site-header .header-inner{
    max-width:1240px!important;margin:0 auto!important;
    height:60px!important;padding:0 20px!important;
    border-radius:18px!important;
    background:rgba(10,8,18,.42)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    backdrop-filter:blur(32px) saturate(180%)!important;
    -webkit-backdrop-filter:blur(32px) saturate(180%)!important;
    box-shadow:0 12px 40px -8px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.08)!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;
    position:relative;
}
.site-header .header-inner::before{
    content:'';position:absolute;inset:-1px;border-radius:19px;pointer-events:none;
    background:radial-gradient(ellipse 60% 100% at 50% 0%, rgba(255,45,85,.06), transparent 70%);
}
.logo-herb{display:none!important;}
.logo{display:flex;align-items:center;gap:8px;}
.logo-text{font-family:var(--fdisp)!important;font-weight:800!important;font-size:20px!important;letter-spacing:-.02em!important;color:#fff!important;text-transform:uppercase;}
.logo-text span{background:linear-gradient(135deg,#ff6b6b 0%,var(--red) 50%,var(--red-2) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.nav{gap:0!important;display:flex;align-items:center;}
.nav a{color:rgba(255,255,255,.5)!important;padding:10px 16px!important;border-radius:10px!important;font-family:var(--fbody)!important;font-weight:700!important;font-size:12px!important;letter-spacing:.1em!important;text-transform:uppercase!important;transition:color .2s!important;text-decoration:none!important;}
.nav a:hover,.nav a.active{color:#fff!important;}
.nav a.active::after{content:'';display:block;height:2px;margin-top:4px;border-radius:100px;background:linear-gradient(90deg,transparent,var(--red),transparent);box-shadow:0 0 8px var(--red);}
.btn-login-pixel,.site-header .btn-primary{
    background:linear-gradient(135deg,#ff5757 0%,var(--red-2) 60%,var(--red-deep) 100%)!important;
    color:#fff!important;border:none!important;padding:10px 20px!important;border-radius:100px!important;
    font-family:var(--fbody)!important;font-weight:700!important;font-size:13px!important;
    box-shadow:0 6px 20px -4px rgba(220,38,38,.5), inset 0 1px 0 rgba(255,255,255,.2)!important;
    transition:transform .25s!important;
    display:inline-flex!important;align-items:center!important;gap:8px!important;
}
.btn-login-pixel:hover,.site-header .btn-primary:hover{transform:translateY(-1px);}
.login-door-icon{display:none!important;}
.online-badge{background:rgba(255,255,255,.05)!important;border:1px solid var(--line2)!important;border-radius:100px!important;padding:7px 14px!important;color:var(--txt)!important;font-weight:600!important;font-size:12px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;backdrop-filter:blur(12px);}
.online-dot{background:#22c55e!important;box-shadow:0 0 10px #22c55e!important;width:7px!important;height:7px!important;border-radius:50%!important;}
.site-main{padding-top:100px!important;}

/* ============================================================
   HERO
   ============================================================ */
.q-hero{
    position:relative;
    max-width:1400px;
    margin:0 auto;
    min-height:min(720px, calc(100vh - 120px));
    border-radius:28px;
    overflow:hidden;
    background:var(--bg1);
    box-shadow:var(--shadow);
    display:flex;
    align-items:stretch;
}
@media(max-width:768px){
    .q-hero{border-radius:20px;margin:0 12px;min-height:auto;}
}
.q-hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;}
.q-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:brightness(.72) contrast(1.05) saturate(1.1);transform:scale(1.02);}
.q-hero-bg::before{
    content:'';position:absolute;inset:0;z-index:1;
    background:
        linear-gradient(140deg, rgba(255,45,85,.16) 0%, transparent 45%, rgba(124,58,237,.18) 100%),
        linear-gradient(180deg, rgba(6,5,11,.3) 0%, rgba(6,5,11,.55) 60%, rgba(6,5,11,.92) 100%);
}
.q-hero-bg::after{
    content:'';position:absolute;inset:0;z-index:2;
    background:radial-gradient(ellipse at 30% 40%, transparent 0%, rgba(6,5,11,.4) 75%, rgba(6,5,11,.75) 100%);
}
.q-hero-inner{
    position:relative;z-index:5;width:100%;
    padding:60px 48px;
    display:grid;
    grid-template-columns:1.15fr 1fr;
    gap:40px;
    align-items:center;
}
@media(max-width:900px){
    .q-hero-inner{grid-template-columns:1fr;padding:36px 24px;gap:32px;}
}
.q-hero-col-left{display:flex;flex-direction:column;gap:24px;}
.q-hero-title{
    font-family:var(--fdisp);font-weight:800;
    font-size:clamp(56px,10vw,140px);
    line-height:.85;letter-spacing:-.05em;text-transform:uppercase;
    margin:0;color:#fff;
}
.q-hero-title .q-line-1{display:block;text-shadow:0 8px 40px rgba(0,0,0,.7);}
.q-hero-title .q-line-2{
    display:block;
    background:linear-gradient(135deg,#ff6b6b 0%,var(--red) 45%,var(--pur) 100%);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    filter:drop-shadow(0 4px 20px rgba(255,45,85,.4));
}
.q-hero-sub{font-family:var(--fbody);color:rgba(255,255,255,.72);font-size:17px;line-height:1.6;margin:0;max-width:480px;}
.q-hero-btns{display:flex;gap:12px;flex-wrap:wrap;}

/* ============ КНОПКИ ============ */
.q-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 28px;border-radius:16px;font-family:var(--fdisp);font-weight:700;font-size:16px;letter-spacing:.02em;text-decoration:none;cursor:pointer;border:none;transition:all .25s cubic-bezier(.17,.67,.32,1.2);white-space:nowrap;}
.q-btn .arr{font-size:18px;line-height:1;transition:transform .25s;}
.q-btn:hover .arr{transform:translateX(3px);}
.q-btn-red{background:linear-gradient(135deg,#ff5757 0%,var(--red) 50%,var(--red-2) 100%);color:#fff;box-shadow:0 14px 34px -8px rgba(220,38,38,.6), inset 0 1px 0 rgba(255,255,255,.3);}
.q-btn-red:hover{transform:translateY(-2px);box-shadow:0 18px 42px -8px rgba(220,38,38,.75), inset 0 1px 0 rgba(255,255,255,.35);}
.q-btn-glass{background:rgba(255,255,255,.06);border:1px solid var(--line2);color:#fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}
.q-btn-glass:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);}

/* ============ ПРАВАЯ КАРТОЧКА (glass) ============ */
.q-hero-col-right{display:flex;justify-content:flex-end;}
@media(max-width:900px){.q-hero-col-right{justify-content:stretch;}}
.q-glass-card{
    width:100%;max-width:400px;
    padding:28px;
    border-radius:24px;
    background:rgba(22,16,40,.35);
    border:1px solid rgba(255,255,255,.1);
    backdrop-filter:blur(40px) saturate(180%);
    -webkit-backdrop-filter:blur(40px) saturate(180%);
    box-shadow:0 30px 80px -18px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,255,255,.1);
    display:flex;flex-direction:column;gap:20px;
}
.q-gc-top{display:flex;flex-direction:column;gap:2px;}
.q-gc-label{font-family:var(--fdisp);font-size:20px;letter-spacing:.1em;color:rgba(255,255,255,.85);text-transform:uppercase;font-weight:700;}
.q-gc-accent{
    font-family:var(--fbody);font-weight:900;font-size:38px;line-height:1;letter-spacing:-.02em;
    background:linear-gradient(180deg,#ff6a63 18%,#f22736 58%,#c01523 100%);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    filter:drop-shadow(0 2px 5px rgba(0,0,0,.55));
}
.q-gc-
.q-gc-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;}
.q-gc-num{font-family:var(--fdisp);font-size:22px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.q-gc-txt{font-size:11px;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.18em;font-weight:700;}
.q-gc-btn{
    display:inline-flex;align-items:center;justify-content:space-between;gap:14px;
    padding:14px 20px;border-radius:14px;
    background:linear-gradient(135deg,#ff5757 0%,var(--red) 50%,var(--red-2) 100%);
    color:#fff;font-family:var(--fdisp);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.08em;
    text-decoration:none;box-shadow:0 12px 28px -8px rgba(220,38,38,.6), inset 0 1px 0 rgba(255,255,255,.3);
    transition:transform .25s;
}
.q-gc-btn:hover{transform:translateY(-2px);}
.q-gc-btn .arr{font-size:18px;}

/* ============ СЕКЦИИ ============ */
.q-section{max-width:1400px;margin:100px auto;padding:0 24px;}
@media(max-width:768px){.q-section{margin:64px auto;padding:0 16px;}}
.q-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;flex-wrap:wrap;}
.q-section-title{font-family:var(--fdisp);font-size:clamp(36px,5.5vw,64px);font-weight:800;letter-spacing:-.03em;margin:0;line-height:.95;text-transform:uppercase;}
.q-section-title .white{color:#fff;display:inline-block;margin-right:.15em;}
.q-section-title .accent{background:linear-gradient(135deg,var(--red),var(--pur));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.q-section-sub{color:var(--txt2);font-size:16px;margin:0;max-width:600px;}

/* ============ НАБОРЫ КЕЙСОВ (3 больших блока) ============ */
.q-packs{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}
@media(max-width:900px){.q-packs{grid-template-columns:1fr;}}
.q-pack{
    position:relative;
    display:flex;flex-direction:column;
    border-radius:24px;
    background:rgba(22,16,40,.5);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(24px) saturate(180%);
    -webkit-backdrop-filter:blur(24px) saturate(180%);
    overflow:hidden;text-decoration:none;color:inherit;
    transition:all .35s cubic-bezier(.17,.67,.32,1.2);
    box-shadow:0 20px 60px -20px rgba(0,0,0,.6);
}
.q-pack:hover{
    transform:translateY(-8px);
    border-color:rgba(255,255,255,.18);
    box-shadow:0 40px 90px -20px rgba(0,0,0,.8), 0 0 60px -10px rgba(168,85,247,.3);
}
.q-pack-media{
    position:relative;
    aspect-ratio:4/3;
    overflow:hidden;
    background:linear-gradient(135deg,var(--bg2),var(--bg1));
}
.q-pack-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1);}
.q-pack:hover .q-pack-media img{transform:scale(1.06);}
.q-pack-media::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(6,5,11,.95) 100%);pointer-events:none;}
.q-pack-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%, rgba(168,85,247,.3), transparent 60%),radial-gradient(circle at 70% 70%, rgba(255,45,85,.3), transparent 60%),var(--bg2);}
.q-pack-placeholder-icon{font-size:72px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.6));}
.q-pack-tier{
    position:absolute;top:16px;left:16px;z-index:3;
    padding:6px 14px;border-radius:100px;
    font-family:var(--fdisp);font-weight:800;font-size:11px;letter-spacing:.15em;
    background:rgba(0,0,0,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.15);color:#fff;
}
.q-pack-basic .q-pack-tier{color:#a5e8a5;border-color:rgba(76,175,80,.4);}
.q-pack-standard .q-pack-tier{color:#ffd166;border-color:rgba(255,193,7,.4);}
.q-pack-advanced .q-pack-tier{color:#ff6b6b;border-color:rgba(255,45,85,.4);}
.q-pack-
.q-pack-name{font-family:var(--fdisp);font-size:22px;font-weight:800;color:#fff;margin:0;letter-spacing:-.01em;text-transform:uppercase;}
.q-pack-desc{color:var(--txt2);font-size:14px;line-height:1.6;margin:0;flex:1;}
.q-pack-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);}
.q-pack-price{display:inline-flex;align-items:baseline;gap:4px;font-family:var(--fmono);}
.q-pack-price .num{font-size:26px;font-weight:800;background:linear-gradient(135deg,var(--red),var(--pur));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;}
.q-pack-price .cur{font-size:14px;font-weight:700;color:var(--txt2);line-height:1;}
.q-pack-btn{
    display:inline-flex;align-items:center;gap:6px;
    padding:10px 18px;border-radius:12px;
    background:linear-gradient(135deg,var(--red),var(--pur));
    color:#fff;font-weight:700;font-size:13px;
    box-shadow:0 10px 24px -6px rgba(220,38,38,.5);
    transition:transform .25s;
}
.q-pack:hover .q-pack-btn{transform:translateX(2px);}

/* ============ КАРТОЧКИ ТОВАРОВ ============ */
.q-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;}
.q-card{
    position:relative;border-radius:20px;
    background:rgba(22,16,40,.45);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(24px) saturate(180%);
    -webkit-backdrop-filter:blur(24px) saturate(180%);
    overflow:hidden;
    transition:all .35s cubic-bezier(.17,.67,.32,1.2);
    display:flex;flex-direction:column;
    text-decoration:none;color:inherit;
    box-shadow:0 20px 50px -20px rgba(0,0,0,.5);
}
.q-card:hover{
    transform:translateY(-6px);
    border-color:rgba(255,255,255,.18);
    box-shadow:0 30px 70px -20px rgba(0,0,0,.7), 0 0 50px -12px rgba(168,85,247,.25);
}
.q-card-media{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,var(--bg2),var(--bg1));overflow:hidden;}
.q-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1);}
.q-card:hover .q-card-media img{transform:scale(1.06);}
.q-card-media::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(6,5,11,.95) 100%);pointer-events:none;}
.q-card-media-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:56px;background:radial-gradient(circle at 30% 30%, rgba(168,85,247,.3), transparent 60%),radial-gradient(circle at 70% 70%, rgba(255,45,85,.3), transparent 60%),var(--bg2);}
.q-card-
.q-card-title{font-family:var(--fdisp);font-size:18px;font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.2;margin:0;text-transform:uppercase;}
.q-card-desc{color:var(--txt2);font-size:13px;line-height:1.55;margin:0;flex:1;}
.q-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px;}
.q-price{display:inline-flex;align-items:baseline;gap:4px;font-family:var(--fmono);background:linear-gradient(135deg,rgba(255,45,85,.14),rgba(168,85,247,.14));border:1px solid rgba(255,255,255,.1);padding:8px 14px;border-radius:12px;white-space:nowrap;}
.q-price .num{font-size:20px;font-weight:800;background:linear-gradient(135deg,var(--red),var(--pur));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;}
.q-price .cur{font-size:13px;font-weight:700;color:var(--txt2);line-height:1;}
.q-card-locked{opacity:.55;cursor:default;}
.q-card-locked:hover{transform:none;}
.q-badge-locked{position:absolute;top:14px;right:14px;z-index:5;background:rgba(0,0,0,.7);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);padding:6px 12px;border-radius:100px;font-size:11px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.05em;}

/* ============ КАК НАЧАТЬ (шаги) ============ */
.q-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:900px){.q-steps{grid-template-columns:1fr;}}
.q-step{
    padding:32px;border-radius:24px;
    background:rgba(22,16,40,.45);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(24px) saturate(180%);
    -webkit-backdrop-filter:blur(24px) saturate(180%);
    box-shadow:0 20px 50px -20px rgba(0,0,0,.5);
}
.q-step-num{font-family:var(--fdisp);font-size:52px;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--red),var(--pur));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.q-step h3{font-family:var(--fdisp);font-size:20px;font-weight:800;color:#fff;margin:16px 0 8px;letter-spacing:-.01em;text-transform:uppercase;}
.q-step p{color:var(--txt2);font-size:14px;line-height:1.6;margin:0;}
.q-step b{color:var(--red);font-family:var(--fmono);font-weight:700;}

/* ============ ОБЩИЕ GLASS / MODAL ============ */
.glass-card,.glass-panel,.cabinet-content,.lk-main-card,.lk-stat,.lk-reward-card,.lk-case-card{
    background:rgba(22,16,40,.45)!important;
    backdrop-filter:blur(24px) saturate(180%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(180%)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:20px!important;
    box-shadow:0 20px 50px -20px rgba(0,0,0,.5)!important;
}
.section-title,.lk-section-title{font-family:var(--fdisp)!important;font-weight:800!important;letter-spacing:-.02em!important;color:#fff!important;font-size:26px!important;}
h1,h2,h3{color:#fff!important;letter-spacing:-.02em!important;}
a{color:var(--pur)!important;text-decoration:none;}
a:hover{color:var(--red)!important;}
.muted{color:var(--txt2)!important;}

.modal-overlay,.rc-modal,.shop-modal-overlay,.rub-modal-overlay{background:rgba(6,5,11,.75)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;}
.shop-modal,.rub-modal,.rc-modal-box{background:rgba(22,16,40,.65)!important;backdrop-filter:blur(40px) saturate(180%)!important;-webkit-backdrop-filter:blur(40px) saturate(180%)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:24px!important;box-shadow:0 40px 100px -20px rgba(0,0,0,.8)!important;}
.btn-primary{background:linear-gradient(135deg,var(--red),var(--pur))!important;border:none!important;color:#fff!important;border-radius:12px!important;box-shadow:0 8px 24px -6px rgba(220,38,38,.4)!important;font-weight:700!important;}
.btn-primary:hover{transform:translateY(-2px);}

/* ============ ШРИФТЫ — УБИРАЕМ ПИКСЕЛЬНЫЙ ============ */
*, body, h1, h2, h3, h4, h5, h6, p, a, span, div, button, input, textarea, select, .btn, .section-title, .lk-section-title, .logo-text {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    letter-spacing: normal !important;
}
h1, h2, h3, h4, h5, .q-section-title, .q-hero-title, .shop-h1, .q-pack-name, .q-card-title, .q-step h3, .q-gc-label, .coins-header h1 {
    font-family: 'Space Grotesk', 'Inter', sans-serif !important;
    letter-spacing: -0.02em !important;
}
.q-price .num, .q-pack-price .num, .q-gc-num, .online-badge, .coins-preview-value, .coins-preview-price, .coins-slider-wrap, .coins-ticks, .coins-quick button {
    font-family: 'JetBrains Mono', monospace !important;
}
/* Базовые размеры — больше, чем было */

h1 { font-size: 32px !important; }
h2 { font-size: 24px !important; }
h3 { font-size: 20px !important; }
.section-title, .lk-section-title { font-size: 28px !important; }

/* ============ HERO — ОДИН БОЛЬШОЙ БЛОК ============ */
.q-hero-xl { min-height: min(820px, calc(100vh - 120px)); }
.q-hero-inner-single {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    padding: 80px 64px !important;
    max-width: 900px !important;
    gap: 32px !important;
}
.q-hero-title-xl {
    font-size: clamp(72px, 14vw, 200px) !important;
    line-height: 0.82 !important;
    letter-spacing: -0.06em !important;
    margin: 0 !important;
}
.q-hero-sub { font-size: 20px !important; max-width: 620px !important; }

@media (max-width: 900px){
    .q-hero-inner-single { padding: 40px 24px !important; }
    .q-hero-title-xl { font-size: clamp(56px, 16vw, 100px) !important; }
}

/* ============ Модалки — улучшение ============ */
.rc-modal-price { text-align: center; }
.rc-locked-msg {
    background: rgba(255,45,85,.15); border: 1px solid rgba(255,45,85,.4);
    color: #ff8a80; padding: 10px 14px; border-radius: 10px;
    font-size: 13px; font-weight: 700; text-align: center; margin: 12px 0;
}
.rc-modal .rc-btn { display: block; width: 100%; }
.rc-modal .rc-modal-actions { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; }
.rc-modal .rc-btn.ghost { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); color: #f0edf7; box-shadow: none; }

/* ============================================================
   HERO С КАРУСЕЛЬЮ (qh)
   ============================================================ */
.qh-hero{
    position:relative;max-width:1400px;margin:0 auto;
    min-height:min(820px,calc(100vh - 100px));
    border-radius:28px;overflow:hidden;
    background:var(--bg1);
    box-shadow:var(--shadow);
}
@media(max-width:768px){.qh-hero{border-radius:20px;margin:0 12px;min-height:auto;}}

.qh-bg-stack{position:absolute;inset:0;z-index:0;}
.qh-bg-layer{
    position:absolute;inset:0;
    background-size:cover;background-position:center;
    opacity:0;transform:scale(1.06);
    transition:opacity 1s ease, transform 8s ease;
    filter:brightness(.55) contrast(1.05) saturate(1.1);
}
.qh-bg-layer.active{opacity:1;transform:scale(1.03);}

.qh-bg-overlay{
    position:absolute;inset:0;z-index:1;
    background:
        linear-gradient(140deg, rgba(255,45,85,.16) 0%, transparent 45%, rgba(124,58,237,.18) 100%),
        linear-gradient(180deg, rgba(6,5,11,.25) 0%, rgba(6,5,11,.55) 55%, rgba(6,5,11,.95) 100%);
}
.qh-bg-overlay::after{
    content:'';position:absolute;inset:0;
    background:radial-gradient(ellipse at 30% 40%, transparent 0%, rgba(6,5,11,.35) 75%, rgba(6,5,11,.8) 100%);
}

.qh-inner{
    position:relative;z-index:5;width:100%;height:100%;
    padding:60px 56px;
    display:grid;grid-template-columns:1fr 1fr;gap:40px;
    align-items:center;min-height:inherit;
}
@media(max-width:900px){.qh-inner{grid-template-columns:1fr;padding:32px 20px;gap:24px;}}

/* ЛЕВО — карточки наборов */
.qh-packs{display:flex;flex-direction:column;gap:12px;max-width:420px;}
.qh-pack-card{
    padding:18px 22px;border-radius:18px;
    background:rgba(22,16,40,.35);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(30px) saturate(180%);
    -webkit-backdrop-filter:blur(30px) saturate(180%);
    cursor:pointer;transition:all .35s cubic-bezier(.17,.67,.32,1.2);
    position:relative;overflow:hidden;
}
.qh-pack-card::before{
    content:'';position:absolute;left:0;top:0;bottom:0;width:3px;
    background:linear-gradient(180deg,var(--red),var(--pur));
    opacity:0;transition:opacity .3s;
}
.qh-pack-card-active{
    background:rgba(35,25,60,.55);
    border-color:rgba(255,255,255,.18);
    transform:translateX(6px);
    box-shadow:0 12px 40px -8px rgba(0,0,0,.6), 0 0 40px -8px rgba(168,85,247,.3);
}
.qh-pack-card-active::before{opacity:1;}
.qh-pack-card:hover{transform:translateX(4px);}
.qh-pack-card-tier{
    font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:800;
    letter-spacing:.2em;color:#a89ab8;text-transform:uppercase;
    margin-bottom:6px;
}
.qh-pack-card-name{
    font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:800;
    color:#fff;margin:0 0 6px;letter-spacing:-.01em;text-transform:uppercase;
}
.qh-pack-card-price{
    font-family:'JetBrains Mono',monospace;font-size:18px;font-weight:800;
    background:linear-gradient(135deg,var(--red),var(--pur));
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    margin:0;
}
.qh-pack-dots{display:flex;gap:8px;padding:8px 4px;}
.qh-dot{
    width:32px;height:4px;border-radius:100px;
    border:none;background:rgba(255,255,255,.15);cursor:pointer;
    transition:all .3s;
}
.qh-dot.active{background:linear-gradient(90deg,var(--red),var(--pur));width:48px;box-shadow:0 0 12px rgba(168,85,247,.6);}

/* ПРАВО — заголовок */
.qh-content{display:flex;flex-direction:column;gap:24px;}
.qh-title{
    font-family:'Space Grotesk',sans-serif;font-weight:800;
    font-size:clamp(56px,10vw,140px);line-height:.85;
    letter-spacing:-.05em;text-transform:uppercase;margin:0;color:#fff;
}
.qh-title .qh-t1{display:block;text-shadow:0 8px 40px rgba(0,0,0,.7);}
.qh-title .qh-t2{
    display:block;
    background:linear-gradient(135deg,#ff6b6b 0%,var(--red) 45%,var(--pur) 100%);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    filter:drop-shadow(0 4px 20px rgba(255,45,85,.4));
}
.qh-sub{font-size:18px;color:rgba(255,255,255,.72);line-height:1.55;margin:0;max-width:480px;}
.qh-actions{display:flex;gap:12px;flex-wrap:wrap;}

.qh-flash{animation:qhFlash 1.5s ease;}
@keyframes qhFlash{
    0%,100%{box-shadow:0 30px 70px -20px rgba(0,0,0,.7);}
    50%{box-shadow:0 30px 70px -20px rgba(0,0,0,.7), 0 0 80px -10px rgba(168,85,247,.8);}
}

/* ============================================================
   КУПИТЬ ВАЛЮТУ НА ГЛАВНОЙ
   ============================================================ */
.h-coins{
    display:grid;grid-template-columns:1fr 1.2fr;gap:24px;
    padding:32px;border-radius:24px;
    background:rgba(22,16,40,.45);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(30px) saturate(180%);
    -webkit-backdrop-filter:blur(30px) saturate(180%);
    box-shadow:0 30px 80px -20px rgba(0,0,0,.6);
}
@media(max-width:900px){.h-coins{grid-template-columns:1fr;padding:20px;}}

.h-coins-preview{
    padding:28px;border-radius:18px;
    background:linear-gradient(145deg,rgba(255,45,85,.08),rgba(124,58,237,.08));
    border:1px solid rgba(255,255,255,.08);
    display:flex;flex-direction:column;justify-content:center;gap:14px;
}
.h-coins-label{color:#9a90b8;font-size:12px;text-transform:uppercase;letter-spacing:.15em;font-weight:700;}
.h-coins-value{
    font-family:'JetBrains Mono',monospace;font-size:clamp(32px,5vw,44px);
    font-weight:800;color:#ffc107;line-height:1;display:flex;align-items:baseline;gap:10px;
    text-shadow:0 0 24px rgba(255,193,7,.5);
}
.h-coins-unit{font-size:16px;color:#9a90b8;font-weight:600;}
.h-coins-price{
    font-family:'JetBrains Mono',monospace;font-size:28px;font-weight:800;color:#fff;
    padding-top:14px;border-top:1px solid rgba(255,255,255,.1);
}

.h-coins-controls{display:flex;flex-direction:column;gap:16px;justify-content:center;}

.h-coins-slider{
    -webkit-appearance:none;appearance:none;
    width:100%;height:8px;border-radius:100px;
    background:linear-gradient(90deg,var(--red) 0%,var(--pur) 100%);
    outline:none;cursor:pointer;
}
.h-coins-slider::-webkit-slider-thumb{
    -webkit-appearance:none;appearance:none;
    width:28px;height:28px;border-radius:50%;
    background:#fff;border:4px solid var(--red);
    box-shadow:0 0 0 6px rgba(255,45,85,.2), 0 8px 24px rgba(0,0,0,.6);
    cursor:pointer;transition:transform .15s;
}
.h-coins-slider::-webkit-slider-thumb:hover{transform:scale(1.15);}
.h-coins-slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;border:4px solid var(--red);cursor:pointer;}

.h-coins-scale{
    display:flex;justify-content:space-between;
    font-family:'JetBrains Mono',monospace;font-size:11px;color:#6a6383;
    padding:0 2px;
}

.h-coins-quick{display:flex;flex-wrap:wrap;gap:8px;}
.h-coins-quick button{
    padding:8px 14px;border-radius:10px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.1);
    color:#f0edf7;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;
    cursor:pointer;transition:.2s;
}
.h-coins-quick button:hover{background:rgba(255,255,255,.1);border-color:var(--red);}
.h-coins-quick button.active{background:linear-gradient(135deg,var(--red),var(--pur));border-color:transparent;color:#fff;}

.h-coins-custom label{display:block;color:#9a90b8;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:6px;}
.h-coins-custom-row{display:flex;gap:8px;}
.h-coins-custom-row input{
    flex:1;padding:11px 14px;border-radius:12px;
    border:2px solid rgba(255,255,255,.1);background:#0d0b12;color:#fff;
    font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:700;
    outline:none;box-sizing:border-box;
}
.h-coins-custom-row input:focus{border-color:var(--red);box-shadow:0 0 0 4px rgba(255,45,85,.15);}
.h-coins-custom-row button{
    padding:11px 20px;border-radius:12px;border:none;
    background:linear-gradient(135deg,var(--red),var(--pur));color:#fff;
    font-weight:800;cursor:pointer;
}
.h-coins-error{margin-top:8px;color:#ff8a80;font-size:13px;text-align:center;min-height:18px;font-weight:700;}

/* ============================================================
   ЕДИНЫЙ ДИЗАЙН ЛК
   ============================================================ */
.lk-with-menu{display:grid;grid-template-columns:260px 1fr;gap:24px;max-width:1400px;margin:0 auto;padding:20px;}
@media(max-width:900px){.lk-with-menu{grid-template-columns:1fr;padding:12px;}}
.lk-sidebar{
    background:rgba(22,16,40,.45)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:20px!important;
    backdrop-filter:blur(30px) saturate(180%)!important;
    -webkit-backdrop-filter:blur(30px) saturate(180%)!important;
    padding:16px!important;
    height:fit-content!important;
    position:sticky!important;
    top:100px!important;
    box-shadow:0 20px 50px -20px rgba(0,0,0,.5)!important;
}
.lk-menu-item{
    display:flex!important;align-items:center!important;gap:12px!important;
    padding:12px 16px!important;border-radius:12px!important;
    color:#9a90b8!important;text-decoration:none!important;
    font-family:'Inter',sans-serif!important;
    font-weight:600!important;font-size:14px!important;
    transition:all .2s!important;margin-bottom:4px!important;
}
.lk-menu-item:hover{background:rgba(255,255,255,.06)!important;color:#fff!important;}
.lk-menu-active{
    background:linear-gradient(135deg,rgba(255,45,85,.2),rgba(168,85,247,.2))!important;
    color:#fff!important;
    border-left:3px solid var(--red)!important;
}
.lk-menu-icon{
    width:20px!important;height:20px!important;
    filter:brightness(0) invert(1) opacity(.6)!important;
    flex-shrink:0!important;
}
.lk-menu-active .lk-menu-icon{filter:brightness(0) invert(1)!important;}
.lk-menu-exit{margin-top:12px!important;border-top:1px solid rgba(255,255,255,.08)!important;padding-top:16px!important;color:#ff8a80!important;}
.lk-menu-dot{
    margin-left:auto!important;background:var(--red)!important;color:#fff!important;
    border-radius:100px!important;padding:2px 8px!important;font-size:11px!important;font-weight:800!important;
}

/* LK-контент — все карточки в едином стиле */
.lk-content{min-width:0!important;}
.lk-content h1, .lk-content h2{font-family:'Space Grotesk',sans-serif!important;color:#fff!important;letter-spacing:-.02em!important;}
.lk-content h1{font-size:32px!important;}
.lk-content h2{font-size:22px!important;}

/* ============================================================
   ХЕДЕР — единый стиль для навигации
   ============================================================ */
.nav a{
    font-family:'Inter',sans-serif!important;
    font-weight:700!important;font-size:12px!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
    color:rgba(255,255,255,.5)!important;
}
.nav a:hover, .nav a.active{color:#fff!important;}

/* ============================================================
   НОВЫЙ HEADER 2026 — floating glass
   ============================================================ */
.qh-header {
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 1000;
    padding: 14px 20px 0;
    pointer-events: none;
}
.qh-header-inner {
    max-width: 1280px;
    margin: 0 auto;
    height: 64px;
    padding: 0 12px 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-radius: 18px;
    background: rgba(10, 8, 18, 0.55);
    border: 1px solid rgba(255,255,255,0.08);
    backdrop-filter: blur(32px) saturate(180%);
    -webkit-backdrop-filter: blur(32px) saturate(180%);
    box-shadow: 0 12px 40px -8px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.06);
    pointer-events: auto;
    transition: all .3s;
}

.qh-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    flex-shrink: 0;
}
.qh-logo-q {
    width: 36px; height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: linear-gradient(135deg, #ff2d55 0%, #a855f7 100%);
    color: #fff;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 800;
    font-size: 18px;
    box-shadow: 0 6px 16px -4px rgba(255,45,85,0.5), inset 0 1px 0 rgba(255,255,255,0.3);
    letter-spacing: -0.02em;
}
.qh-logo-text {
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    letter-spacing: -0.01em !important;
    color: #fff !important;
    text-transform: uppercase !important;
}
.qh-logo-text span {
    background: linear-gradient(135deg, #ff6b6b 0%, #ff2d55 50%, #e11d48 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.qh-nav {
    display: flex;
    align-items: center;
    gap: 2px;
    flex: 1;
    justify-content: center;
}
.qh-nav a {
    padding: 10px 16px !important;
    border-radius: 10px !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,0.5) !important;
    text-decoration: none !important;
    transition: color .2s, background .2s !important;
    position: relative;
}
.qh-nav a:hover {
    color: #fff !important;
    background: rgba(255,255,255,0.04) !important;
}
.qh-nav a.active {
    color: #fff !important;
}
.qh-nav a.active::after {
    content: '';
    position: absolute;
    bottom: 2px; left: 50%;
    transform: translateX(-50%);
    width: 24px; height: 2px;
    border-radius: 100px;
    background: linear-gradient(90deg, transparent, #ff2d55, transparent);
    box-shadow: 0 0 8px #ff2d55;
}

.qh-header-right {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}
.qh-online {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 14px;
    border-radius: 100px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    color: #f0edf7;
    font-family: 'JetBrains Mono', monospace;
    font-weight: 700;
    font-size: 12px;
}
.qh-online-dot {
    width: 7px; height: 7px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 10px #22c55e;
    animation: qhPulse 2s infinite;
}
@keyframes qhPulse { 0%,100%{opacity:1;} 50%{opacity:0.4;} }

.qh-login-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 100px;
    background: linear-gradient(135deg, #ff5757 0%, #e11d48 60%, #9f1239 100%);
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: .02em;
    text-decoration: none;
    box-shadow: 0 6px 20px -4px rgba(220,38,38,0.5), inset 0 1px 0 rgba(255,255,255,0.2);
    transition: all .25s;
}
.qh-login-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 28px -4px rgba(220,38,38,0.6), inset 0 1px 0 rgba(255,255,255,0.25);
}

.site-main { padding-top: 96px !important; }

@media (max-width: 900px) {
    .qh-header { padding: 10px 12px 0; }
    .qh-header-inner { height: 56px; padding: 0 8px 0 14px; gap: 10px; }
    .qh-nav { display: none; }
    .qh-logo-text { font-size: 15px !important; }
    .qh-logo-q { width: 30px; height: 30px; font-size: 15px; }
    .qh-online { padding: 6px 10px; font-size: 11px; }
    .qh-login-btn { padding: 8px 14px; font-size: 12px; }
    .site-main { padding-top: 80px !important; }
}

/* Скрыть старую шапку */
.site-header, .header-inner, .logo, .nav, .online-badge, .btn-login-pixel {
    display: none !important;
}

/* ============================================================
   БОЛЬШИЕ КАРТОЧКИ НАБОРОВ (как на FunTime)
   ============================================================ */
.qh-packs-xl {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}
@media (max-width: 900px) {
    .qh-packs-xl { grid-template-columns: 1fr; }
}

.qh-pack-xl {
    position: relative;
    aspect-ratio: 9 / 15;
    min-height: 520px;
    border-radius: 24px;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
    display: block;
    transition: all .4s cubic-bezier(.17,.67,.32,1.2);
    box-shadow: 0 30px 70px -20px rgba(0,0,0,0.7);
    background: #0d0b12;
}
.qh-pack-xl:hover {
    transform: translateY(-10px) scale(1.01);
    box-shadow: 0 40px 90px -20px rgba(0,0,0,0.8), 0 0 80px -10px rgba(168,85,247,0.4);
}

.qh-pack-xl-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-size: cover;
    background-position: center;
    transition: transform .6s cubic-bezier(.16,1,.3,1);
}
.qh-pack-xl:hover .qh-pack-xl-bg { transform: scale(1.06); }

.qh-pack-xl-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.05) 40%, rgba(0,0,0,0.85) 100%);
}

/* Место под рендер персонажа */
.qh-pack-xl-render {
    position: absolute;
    left: 0; right: 0;
    bottom: 0;
    top: 15%;
    z-index: 1;
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
    pointer-events: none;
    filter: drop-shadow(0 12px 32px rgba(0,0,0,0.6));
}

.qh-pack-xl-tier {
    position: absolute;
    top: 20px; left: 20px;
    z-index: 3;
    padding: 6px 14px;
    border-radius: 100px;
    background: rgba(0,0,0,0.55);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.15);
    color: #fff;
    font-family: 'JetBrains Mono', monospace;
    font-weight: 800;
    font-size: 11px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}

.qh-pack-xl-title {
    position: absolute;
    top: 68px; left: 20px; right: 20px;
    z-index: 3;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 800;
    font-size: 26px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 4px 20px rgba(0,0,0,0.7);
}

.qh-pack-xl-bottom {
    position: absolute;
    left: 0; right: 0; bottom: 0;
    z-index: 3;
    padding: 24px 20px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
}

.qh-pack-xl-price {
    font-family: 'JetBrains Mono', monospace;
    font-weight: 800;
    font-size: 32px;
    line-height: 1;
    color: #fff;
    text-shadow: 0 4px 20px rgba(0,0,0,0.9);
}
.qh-pack-xl-price small {
    font-size: 16px;
    color: rgba(255,255,255,0.7);
    font-weight: 700;
    margin-left: 2px;
}

.qh-pack-xl-bonus {
    padding: 8px 14px;
    border-radius: 12px;
    background: linear-gradient(135deg, #ff2d55, #a855f7);
    color: #fff;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 800;
    font-size: 15px;
    letter-spacing: -0.02em;
    box-shadow: 0 8px 20px -4px rgba(255,45,85,0.5);
}

.qh-pack-xl-label {
    position: absolute;
    top: 20px; right: 20px;
    z-index: 3;
    padding: 6px 12px;
    border-radius: 8px;
    background: rgba(0,0,0,0.5);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,0.12);
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

/* ============================================================
   HERO2 — с большими карточками наборов СПРАВА
   ============================================================ */
.qh-hero2 {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    min-height: min(760px, calc(100vh - 100px));
    border-radius: 28px;
    overflow: hidden;
    background: #0d0b12;
    box-shadow: var(--shadow);
    display: flex;
}
@media(max-width:768px){
    .qh-hero2 { border-radius: 20px; margin: 0 12px; min-height: auto; }
}

.qh-hero2-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden;
}
.qh-hero2-bg img {
    width: 100%; height: 100%;
    object-fit: cover;
    display: block;
    filter: brightness(0.55) contrast(1.05) saturate(1.1);
    transform: scale(1.03);
}
.qh-hero2-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(140deg, rgba(255,45,85,0.18) 0%, transparent 45%, rgba(124,58,237,0.20) 100%),
        linear-gradient(180deg, rgba(6,5,11,0.35) 0%, rgba(6,5,11,0.6) 55%, rgba(6,5,11,0.95) 100%),
        radial-gradient(ellipse at 25% 35%, transparent 0%, rgba(6,5,11,0.4) 75%, rgba(6,5,11,0.8) 100%);
}

.qh-hero2-inner {
    position: relative;
    z-index: 5;
    width: 100%;
    padding: 60px 56px;
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 48px;
    align-items: center;
}
@media(max-width:1024px){
    .qh-hero2-inner { grid-template-columns: 1fr; padding: 32px 20px; gap: 28px; }
}

.qh-hero2-left { display: flex; flex-direction: column; gap: 24px; max-width: 480px; }
.qh-hero2-title {
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 800;
    font-size: clamp(56px, 9vw, 120px);
    line-height: 0.85;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    margin: 0;
    color: #fff;
}
.qh-hero2-title .qh-t1 { display: block; text-shadow: 0 8px 40px rgba(0,0,0,.7); }
.qh-hero2-title .qh-t2 {
    display: block;
    background: linear-gradient(135deg, #ff6b6b 0%, #ff2d55 45%, #a855f7 100%);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 4px 20px rgba(255,45,85,.4));
}
.qh-hero2-sub { font-size: 17px; color: rgba(255,255,255,0.72); line-height: 1.6; margin: 0; }
.qh-hero2-actions { display: flex; gap: 12px; flex-wrap: wrap; }

/* 3 БОЛЬШИХ КАРТОЧКИ НАБОРОВ */
.qh-hero2-packs {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    align-items: stretch;
}
@media(max-width:640px){
    .qh-hero2-packs { grid-template-columns: 1fr; }
}

/* ============================================================
   ПОРТАЛ — правильный дропдаун
   ============================================================ */
.portal-wrap {
    position: relative;
    display: inline-block;
}
.portal-btn {
    width: 40px; height: 40px;
    border-radius: 50%;
    border: 2px solid rgba(255,193,7,0.5);
    background: linear-gradient(135deg, #ff2d55, #a855f7);
    color: #fff;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 800;
    font-size: 16px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 16px -4px rgba(255,45,85,0.5), inset 0 1px 0 rgba(255,255,255,0.3);
    transition: all .2s;
    padding: 0;
}
.portal-btn:hover, .portal-btn.open {
    transform: scale(1.08);
    box-shadow: 0 8px 24px -4px rgba(255,45,85,0.7), inset 0 1px 0 rgba(255,255,255,0.4);
}

/* КРИТИЧНО: меню скрыто по умолчанию */
.portal-menu {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    z-index: 9999;
    min-width: 240px;
    background: linear-gradient(180deg, rgba(26,20,36,0.98), rgba(16,12,22,1));
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 16px;
    backdrop-filter: blur(30px) saturate(180%);
    -webkit-backdrop-filter: blur(30px) saturate(180%);
    box-shadow: 0 30px 70px -15px rgba(0,0,0,0.85), 0 0 40px -10px rgba(168,85,247,0.3);
    padding: 10px;
    display: none;
    flex-direction: column;
    gap: 4px;
    animation: portalDrop .2s cubic-bezier(.17,.67,.32,1.2);
}
.portal-menu.open { display: flex !important; }
@keyframes portalDrop {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

.portal-head {
    padding: 14px;
    background: radial-gradient(circle at 50% 0%, rgba(255,45,85,0.18), transparent 70%);
    border-bottom: 1px solid rgba(255,255,255,0.08);
    margin-bottom: 6px;
    text-align: center;
}
.portal-nick {
    color: #fff;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 800;
    font-size: 15px;
    letter-spacing: -0.01em;
}
.portal-bal-label {
    color: #9a90b8;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .15em;
    font-weight: 700;
    margin-top: 8px;
}
.portal-bal {
    font-size: 22px;
    color: #ffc107;
    font-weight: 800;
    font-family: 'JetBrains Mono', monospace;
    margin-top: 4px;
    text-shadow: 0 0 16px rgba(255,193,7,0.5);
}

.portal-action {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 14px;
    border-radius: 10px;
    border: none;
    background: transparent;
    color: #f0edf7;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    width: 100%;
    cursor: pointer;
    transition: all .15s;
    box-sizing: border-box;
}
.portal-action:hover {
    background: rgba(255,255,255,0.06);
    color: #fff;
}
.portal-action.danger:hover {
    background: rgba(255,45,85,0.15);
    color: #ff8a80;
}

/* ============ HERO2 — карточки меньше, текст больше ============ */
.qh-hero2-inner {
    grid-template-columns: 1fr 1fr !important;
    gap: 56px !important;
    padding: 60px 56px !important;
    align-items: center !important;
}
@media (max-width: 1024px) {
    .qh-hero2-inner {
        grid-template-columns: 1fr !important;
        padding: 32px 20px !important;
        gap: 32px !important;
    }
}

.qh-hero2-left {
    gap: 32px !important;
    max-width: 620px !important;
}
.qh-hero2-title {
    font-size: clamp(72px, 11vw, 160px) !important;
    line-height: 0.82 !important;
    letter-spacing: -0.06em !important;
}
.qh-hero2-sub {
    font-size: 22px !important;
    line-height: 1.55 !important;
    max-width: 540px !important;
    color: rgba(255,255,255,0.8) !important;
}
.qh-hero2-actions {
    gap: 16px !important;
    margin-top: 12px !important;
}
.qh-hero2-actions .q-btn {
    padding: 18px 34px !important;
    font-size: 17px !important;
    border-radius: 18px !important;
}

/* 3 КАРТОЧКИ — меньше, в 1.5 раза */
.qh-hero2-packs {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
    max-width: 520px !important;
    justify-self: end !important;
}
@media (max-width: 1024px) {
    .qh-hero2-packs {
        max-width: 100% !important;
        justify-self: stretch !important;
    }
}
@media (max-width: 640px) {
    .qh-hero2-packs { grid-template-columns: 1fr !important; }
}

.qh-pack-xl {
    aspect-ratio: 9 / 13 !important;
    min-height: 0 !important;
    border-radius: 18px !important;
}
.qh-pack-xl-tier {
    top: 12px !important; left: 12px !important;
    padding: 4px 10px !important;
    font-size: 9px !important;
    letter-spacing: 0.12em !important;
}
.qh-pack-xl-title {
    top: 44px !important;
    left: 12px !important; right: 12px !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
}
.qh-pack-xl-bottom {
    padding: 14px 12px !important;
}
.qh-pack-xl-price {
    font-size: 20px !important;
}
.qh-pack-xl-price small {
    font-size: 12px !important;
}
.qh-pack-xl-bonus {
    padding: 5px 10px !important;
    font-size: 12px !important;
}
.qh-pack-xl-label {
    top: 12px !important; right: 12px !important;
    padding: 4px 8px !important;
    font-size: 9px !important;
}

/* ============================================================
   LIQUID GLASS TOAST — уведомления
   ============================================================ */
.q-toast {
    position: fixed;
    top: 100px;
    left: 50%;
    transform: translate(-50%, -180%);
    z-index: 100000;
    min-width: 320px;
    max-width: 480px;
    padding: 18px 22px 18px 20px;
    border-radius: 20px;

    /* LIQUID GLASS */
    background: linear-gradient(135deg, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.06) 100%);
    backdrop-filter: blur(28px) saturate(200%);
    -webkit-backdrop-filter: blur(28px) saturate(200%);
    border: 1px solid rgba(255,255,255,0.22);
    box-shadow:
        0 24px 60px -12px rgba(0,0,0,0.6),
        0 0 0 1px rgba(255,255,255,0.06) inset,
        0 1px 0 rgba(255,255,255,0.4) inset,
        0 -20px 40px -20px rgba(255,45,85,0.25) inset;

    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    gap: 14px;

    transition: transform .45s cubic-bezier(.17,.67,.32,1.4), opacity .3s;
    opacity: 0;
    pointer-events: none;
}
.q-toast.show {
    transform: translate(-50%, 0);
    opacity: 1;
    pointer-events: auto;
}
.q-toast-icon {
    flex-shrink: 0;
    width: 44px; height: 44px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), 0 4px 12px rgba(0,0,0,0.3);
}
.q-toast-error .q-toast-icon {
    background: linear-gradient(135deg, #ff2d55, #e11d48);
}
.q-toast-success .q-toast-icon {
    background: linear-gradient(135deg, #22c55e, #16a34a);
}
.q-toast-text {
    flex: 1;
    min-width: 0;
}
.q-toast-text b {
    display: block;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 800;
    font-size: 15px;
    margin-bottom: 2px;
    letter-spacing: -0.01em;
}
.q-toast-text span {
    color: rgba(255,255,255,0.75);
    font-size: 13px;
}
.q-toast-close {
    flex-shrink: 0;
    width: 28px; height: 28px;
    border: none;
    background: rgba(255,255,255,0.1);
    color: #fff;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    padding: 0;
    transition: background .2s;
}
.q-toast-close:hover {
    background: rgba(255,255,255,0.2);
}

/* ============================================================
   КНОПКИ В КАРТОЧКАХ — правильная логика
   ============================================================ */
.q-card-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
}
.q-buy-rub {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 18px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.06);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    transition: all .2s;
    white-space: nowrap;
}
.q-buy-rub:hover:not(.disabled) {
    background: rgba(168,85,247,0.2);
    border-color: rgba(168,85,247,0.5);
}
.q-buy-rub.disabled {
    background: rgba(255,255,255,0.03) !important;
    color: rgba(255,255,255,0.35) !important;
    border-color: rgba(255,255,255,0.08) !important;
    cursor: not-allowed !important;
}
.q-buy-rub.disabled:hover {
    background: rgba(255,255,255,0.03) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

/* ============ HERO2 — карточки меньше, текст больше ============ */
.qh-hero2-inner {
    grid-template-columns: 1fr 1fr !important;
    gap: 56px !important;
    padding: 60px 56px !important;
    align-items: center !important;
}
@media (max-width: 1024px) {
    .qh-hero2-inner {
        grid-template-columns: 1fr !important;
        padding: 32px 20px !important;
        gap: 32px !important;
    }
}

.qh-hero2-left {
    gap: 32px !important;
    max-width: 620px !important;
}
.qh-hero2-title {
    font-size: clamp(72px, 11vw, 160px) !important;
    line-height: 0.82 !important;
    letter-spacing: -0.06em !important;
}
.qh-hero2-sub {
    font-size: 22px !important;
    line-height: 1.55 !important;
    max-width: 540px !important;
    color: rgba(255,255,255,0.8) !important;
}
.qh-hero2-actions {
    gap: 16px !important;
    margin-top: 12px !important;
}
.qh-hero2-actions .q-btn {
    padding: 18px 34px !important;
    font-size: 17px !important;
    border-radius: 18px !important;
}

/* 3 КАРТОЧКИ — меньше, в 1.5 раза */
.qh-hero2-packs {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
    max-width: 520px !important;
    justify-self: end !important;
}
@media (max-width: 1024px) {
    .qh-hero2-packs {
        max-width: 100% !important;
        justify-self: stretch !important;
    }
}
@media (max-width: 640px) {
    .qh-hero2-packs { grid-template-columns: 1fr !important; }
}

.qh-pack-xl {
    aspect-ratio: 9 / 13 !important;
    min-height: 0 !important;
    border-radius: 18px !important;
}
.qh-pack-xl-tier {
    top: 12px !important; left: 12px !important;
    padding: 4px 10px !important;
    font-size: 9px !important;
    letter-spacing: 0.12em !important;
}
.qh-pack-xl-title {
    top: 44px !important;
    left: 12px !important; right: 12px !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
}
.qh-pack-xl-bottom {
    padding: 14px 12px !important;
}
.qh-pack-xl-price {
    font-size: 20px !important;
}
.qh-pack-xl-price small {
    font-size: 12px !important;
}
.qh-pack-xl-bonus {
    padding: 5px 10px !important;
    font-size: 12px !important;
}
.qh-pack-xl-label {
    top: 12px !important; right: 12px !important;
    padding: 4px 8px !important;
    font-size: 9px !important;
}

/* ============================================================
   LIQUID GLASS TOAST — уведомления
   ============================================================ */
.q-toast {
    position: fixed;
    top: 100px;
    left: 50%;
    transform: translate(-50%, -180%);
    z-index: 100000;
    min-width: 320px;
    max-width: 480px;
    padding: 18px 22px 18px 20px;
    border-radius: 20px;

    /* LIQUID GLASS */
    background: linear-gradient(135deg, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.06) 100%);
    backdrop-filter: blur(28px) saturate(200%);
    -webkit-backdrop-filter: blur(28px) saturate(200%);
    border: 1px solid rgba(255,255,255,0.22);
    box-shadow:
        0 24px 60px -12px rgba(0,0,0,0.6),
        0 0 0 1px rgba(255,255,255,0.06) inset,
        0 1px 0 rgba(255,255,255,0.4) inset,
        0 -20px 40px -20px rgba(255,45,85,0.25) inset;

    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    gap: 14px;

    transition: transform .45s cubic-bezier(.17,.67,.32,1.4), opacity .3s;
    opacity: 0;
    pointer-events: none;
}
.q-toast.show {
    transform: translate(-50%, 0);
    opacity: 1;
    pointer-events: auto;
}
.q-toast-icon {
    flex-shrink: 0;
    width: 44px; height: 44px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), 0 4px 12px rgba(0,0,0,0.3);
}
.q-toast-error .q-toast-icon {
    background: linear-gradient(135deg, #ff2d55, #e11d48);
}
.q-toast-success .q-toast-icon {
    background: linear-gradient(135deg, #22c55e, #16a34a);
}
.q-toast-text {
    flex: 1;
    min-width: 0;
}
.q-toast-text b {
    display: block;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 800;
    font-size: 15px;
    margin-bottom: 2px;
    letter-spacing: -0.01em;
}
.q-toast-text span {
    color: rgba(255,255,255,0.75);
    font-size: 13px;
}
.q-toast-close {
    flex-shrink: 0;
    width: 28px; height: 28px;
    border: none;
    background: rgba(255,255,255,0.1);
    color: #fff;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    padding: 0;
    transition: background .2s;
}
.q-toast-close:hover {
    background: rgba(255,255,255,0.2);
}

/* ============================================================
   КНОПКИ В КАРТОЧКАХ — правильная логика
   ============================================================ */
.q-card-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
}
.q-buy-rub {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 18px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.06);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    transition: all .2s;
    white-space: nowrap;
}
.q-buy-rub:hover:not(.disabled) {
    background: rgba(168,85,247,0.2);
    border-color: rgba(168,85,247,0.5);
}
.q-buy-rub.disabled {
    background: rgba(255,255,255,0.03) !important;
    color: rgba(255,255,255,0.35) !important;
    border-color: rgba(255,255,255,0.08) !important;
    cursor: not-allowed !important;
}
.q-buy-rub.disabled:hover {
    background: rgba(255,255,255,0.03) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

/* ============ HERO2 — карточки меньше, текст больше ============ */
.qh-hero2-inner {
    grid-template-columns: 1fr 1fr !important;
    gap: 56px !important;
    padding: 60px 56px !important;
    align-items: center !important;
}
@media (max-width: 1024px) {
    .qh-hero2-inner {
        grid-template-columns: 1fr !important;
        padding: 32px 20px !important;
        gap: 32px !important;
    }
}

.qh-hero2-left {
    gap: 32px !important;
    max-width: 620px !important;
}
.qh-hero2-title {
    font-size: clamp(72px, 11vw, 160px) !important;
    line-height: 0.82 !important;
    letter-spacing: -0.06em !important;
}
.qh-hero2-sub {
    font-size: 22px !important;
    line-height: 1.55 !important;
    max-width: 540px !important;
    color: rgba(255,255,255,0.8) !important;
}
.qh-hero2-actions {
    gap: 16px !important;
    margin-top: 12px !important;
}
.qh-hero2-actions .q-btn {
    padding: 18px 34px !important;
    font-size: 17px !important;
    border-radius: 18px !important;
}

/* 3 КАРТОЧКИ — меньше, в 1.5 раза */
.qh-hero2-packs {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
    max-width: 520px !important;
    justify-self: end !important;
}
@media (max-width: 1024px) {
    .qh-hero2-packs {
        max-width: 100% !important;
        justify-self: stretch !important;
    }
}
@media (max-width: 640px) {
    .qh-hero2-packs { grid-template-columns: 1fr !important; }
}

.qh-pack-xl {
    aspect-ratio: 9 / 13 !important;
    min-height: 0 !important;
    border-radius: 18px !important;
}
.qh-pack-xl-tier {
    top: 12px !important; left: 12px !important;
    padding: 4px 10px !important;
    font-size: 9px !important;
    letter-spacing: 0.12em !important;
}
.qh-pack-xl-title {
    top: 44px !important;
    left: 12px !important; right: 12px !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
}
.qh-pack-xl-bottom {
    padding: 14px 12px !important;
}
.qh-pack-xl-price {
    font-size: 20px !important;
}
.qh-pack-xl-price small {
    font-size: 12px !important;
}
.qh-pack-xl-bonus {
    padding: 5px 10px !important;
    font-size: 12px !important;
}
.qh-pack-xl-label {
    top: 12px !important; right: 12px !important;
    padding: 4px 8px !important;
    font-size: 9px !important;
}

/* ============================================================
   LIQUID GLASS TOAST — уведомления
   ============================================================ */
.q-toast {
    position: fixed;
    top: 100px;
    left: 50%;
    transform: translate(-50%, -180%);
    z-index: 100000;
    min-width: 320px;
    max-width: 480px;
    padding: 18px 22px 18px 20px;
    border-radius: 20px;

    /* LIQUID GLASS */
    background: linear-gradient(135deg, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.06) 100%);
    backdrop-filter: blur(28px) saturate(200%);
    -webkit-backdrop-filter: blur(28px) saturate(200%);
    border: 1px solid rgba(255,255,255,0.22);
    box-shadow:
        0 24px 60px -12px rgba(0,0,0,0.6),
        0 0 0 1px rgba(255,255,255,0.06) inset,
        0 1px 0 rgba(255,255,255,0.4) inset,
        0 -20px 40px -20px rgba(255,45,85,0.25) inset;

    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    gap: 14px;

    transition: transform .45s cubic-bezier(.17,.67,.32,1.4), opacity .3s;
    opacity: 0;
    pointer-events: none;
}
.q-toast.show {
    transform: translate(-50%, 0);
    opacity: 1;
    pointer-events: auto;
}
.q-toast-icon {
    flex-shrink: 0;
    width: 44px; height: 44px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), 0 4px 12px rgba(0,0,0,0.3);
}
.q-toast-error .q-toast-icon {
    background: linear-gradient(135deg, #ff2d55, #e11d48);
}
.q-toast-success .q-toast-icon {
    background: linear-gradient(135deg, #22c55e, #16a34a);
}
.q-toast-text {
    flex: 1;
    min-width: 0;
}
.q-toast-text b {
    display: block;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 800;
    font-size: 15px;
    margin-bottom: 2px;
    letter-spacing: -0.01em;
}
.q-toast-text span {
    color: rgba(255,255,255,0.75);
    font-size: 13px;
}
.q-toast-close {
    flex-shrink: 0;
    width: 28px; height: 28px;
    border: none;
    background: rgba(255,255,255,0.1);
    color: #fff;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    padding: 0;
    transition: background .2s;
}
.q-toast-close:hover {
    background: rgba(255,255,255,0.2);
}

/* ============================================================
   КНОПКИ В КАРТОЧКАХ — правильная логика
   ============================================================ */
.q-card-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
}
.q-buy-rub {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 18px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.06);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    transition: all .2s;
    white-space: nowrap;
}
.q-buy-rub:hover:not(.disabled) {
    background: rgba(168,85,247,0.2);
    border-color: rgba(168,85,247,0.5);
}
.q-buy-rub.disabled {
    background: rgba(255,255,255,0.03) !important;
    color: rgba(255,255,255,0.35) !important;
    border-color: rgba(255,255,255,0.08) !important;
    cursor: not-allowed !important;
}
.q-buy-rub.disabled:hover {
    background: rgba(255,255,255,0.03) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

/* ============ HERO2 — карточки меньше, текст больше ============ */
.qh-hero2-inner {
    grid-template-columns: 1fr 1fr !important;
    gap: 56px !important;
    padding: 60px 56px !important;
    align-items: center !important;
}
@media (max-width: 1024px) {
    .qh-hero2-inner {
        grid-template-columns: 1fr !important;
        padding: 32px 20px !important;
        gap: 32px !important;
    }
}

.qh-hero2-left {
    gap: 32px !important;
    max-width: 620px !important;
}
.qh-hero2-title {
    font-size: clamp(72px, 11vw, 160px) !important;
    line-height: 0.82 !important;
    letter-spacing: -0.06em !important;
}
.qh-hero2-sub {
    font-size: 22px !important;
    line-height: 1.55 !important;
    max-width: 540px !important;
    color: rgba(255,255,255,0.8) !important;
}
.qh-hero2-actions {
    gap: 16px !important;
    margin-top: 12px !important;
}
.qh-hero2-actions .q-btn {
    padding: 18px 34px !important;
    font-size: 17px !important;
    border-radius: 18px !important;
}

/* 3 КАРТОЧКИ — меньше, в 1.5 раза */
.qh-hero2-packs {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
    max-width: 520px !important;
    justify-self: end !important;
}
@media (max-width: 1024px) {
    .qh-hero2-packs {
        max-width: 100% !important;
        justify-self: stretch !important;
    }
}
@media (max-width: 640px) {
    .qh-hero2-packs { grid-template-columns: 1fr !important; }
}

.qh-pack-xl {
    aspect-ratio: 9 / 13 !important;
    min-height: 0 !important;
    border-radius: 18px !important;
}
.qh-pack-xl-tier {
    top: 12px !important; left: 12px !important;
    padding: 4px 10px !important;
    font-size: 9px !important;
    letter-spacing: 0.12em !important;
}
.qh-pack-xl-title {
    top: 44px !important;
    left: 12px !important; right: 12px !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
}
.qh-pack-xl-bottom {
    padding: 14px 12px !important;
}
.qh-pack-xl-price {
    font-size: 20px !important;
}
.qh-pack-xl-price small {
    font-size: 12px !important;
}
.qh-pack-xl-bonus {
    padding: 5px 10px !important;
    font-size: 12px !important;
}
.qh-pack-xl-label {
    top: 12px !important; right: 12px !important;
    padding: 4px 8px !important;
    font-size: 9px !important;
}

/* ============================================================
   LIQUID GLASS TOAST — уведомления
   ============================================================ */
.q-toast {
    position: fixed;
    top: 100px;
    left: 50%;
    transform: translate(-50%, -180%);
    z-index: 100000;
    min-width: 320px;
    max-width: 480px;
    padding: 18px 22px 18px 20px;
    border-radius: 20px;

    /* LIQUID GLASS */
    background: linear-gradient(135deg, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.06) 100%);
    backdrop-filter: blur(28px) saturate(200%);
    -webkit-backdrop-filter: blur(28px) saturate(200%);
    border: 1px solid rgba(255,255,255,0.22);
    box-shadow:
        0 24px 60px -12px rgba(0,0,0,0.6),
        0 0 0 1px rgba(255,255,255,0.06) inset,
        0 1px 0 rgba(255,255,255,0.4) inset,
        0 -20px 40px -20px rgba(255,45,85,0.25) inset;

    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    display: flex;
    align-items: center;
    gap: 14px;

    transition: transform .45s cubic-bezier(.17,.67,.32,1.4), opacity .3s;
    opacity: 0;
    pointer-events: none;
}
.q-toast.show {
    transform: translate(-50%, 0);
    opacity: 1;
    pointer-events: auto;
}
.q-toast-icon {
    flex-shrink: 0;
    width: 44px; height: 44px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), 0 4px 12px rgba(0,0,0,0.3);
}
.q-toast-error .q-toast-icon {
    background: linear-gradient(135deg, #ff2d55, #e11d48);
}
.q-toast-success .q-toast-icon {
    background: linear-gradient(135deg, #22c55e, #16a34a);
}
.q-toast-text {
    flex: 1;
    min-width: 0;
}
.q-toast-text b {
    display: block;
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 800;
    font-size: 15px;
    margin-bottom: 2px;
    letter-spacing: -0.01em;
}
.q-toast-text span {
    color: rgba(255,255,255,0.75);
    font-size: 13px;
}
.q-toast-close {
    flex-shrink: 0;
    width: 28px; height: 28px;
    border: none;
    background: rgba(255,255,255,0.1);
    color: #fff;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    padding: 0;
    transition: background .2s;
}
.q-toast-close:hover {
    background: rgba(255,255,255,0.2);
}

/* ============================================================
   КНОПКИ В КАРТОЧКАХ — правильная логика
   ============================================================ */
.q-card-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
}
.q-buy-rub {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 18px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.06);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    transition: all .2s;
    white-space: nowrap;
}
.q-buy-rub:hover:not(.disabled) {
    background: rgba(168,85,247,0.2);
    border-color: rgba(168,85,247,0.5);
}
.q-buy-rub.disabled {
    background: rgba(255,255,255,0.03) !important;
    color: rgba(255,255,255,0.35) !important;
    border-color: rgba(255,255,255,0.08) !important;
    cursor: not-allowed !important;
}
.q-buy-rub.disabled:hover {
    background: rgba(255,255,255,0.03) !important;
    border-color: rgba(255,255,255,0.08) !important;
}

/* Все карточки в ЛК */
.lk-content .cabinet-content,
.lk-content .card,
.lk-content .lk-main-card,
.lk-content .lk-stat,
.lk-content .lk-reward-card,
.lk-content .lk-case-card,
.lk-content .form,
.lk-content form.card{
    background:rgba(22,16,40,.55)!important;
    border:1px solid rgba(255,255,255,.1)!important;
    border-radius:18px!important;
    backdrop-filter:blur(30px) saturate(180%)!important;
    -webkit-backdrop-filter:blur(30px) saturate(180%)!important;
    padding:22px!important;
    box-shadow:0 12px 40px -12px rgba(0,0,0,.5)!important;
    color:#f0edf7!important;
}

/* Формы и поля */
.lk-content input,.lk-content select,.lk-content textarea{
    background:#0d0b12!important;
    border:2px solid rgba(255,255,255,.1)!important;
    color:#fff!important;
    border-radius:12px!important;
    padding:12px 14px!important;
    font-size:14px!important;
    width:100%!important;
    box-sizing:border-box!important;
    outline:none!important;
    transition:border-color .2s!important;
}
.lk-content input:focus,.lk-content select:focus,.lk-content textarea:focus{
    border-color:rgba(255,45,85,.7)!important;
    box-shadow:0 0 0 4px rgba(255,45,85,.1)!important;
}
.lk-content label span{
    display:block!important;
    color:#9a90b8!important;
    font-size:12px!important;
    text-transform:uppercase!important;
    letter-spacing:.1em!important;
    font-weight:700!important;
    margin-bottom:6px!important;
}

/* КНОПКИ — единый стиль, прозрачные с алой тонировкой */
.lk-content .btn,
.lk-content .btn-primary,
.lk-content .btn-ghost,
.lk-content .btn-danger,
.lk-content .lk-reward-btn,
.lk-content button[type=submit]{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    padding:12px 22px!important;
    border-radius:12px!important;
    font-family:'Space Grotesk',sans-serif!important;
    font-weight:700!important;
    font-size:14px!important;
    text-decoration:none!important;
    cursor:pointer!important;
    transition:all .2s!important;
    background:rgba(255,45,85,.12)!important;
    border:1px solid rgba(255,45,85,.5)!important;
    color:#fff!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.1)!important;
    text-shadow:0 1px 2px rgba(0,0,0,.3)!important;
    box-sizing:border-box!important;
    width:auto!important;
}
.lk-content .btn:hover,
.lk-content .btn-primary:hover,
.lk-content .btn-ghost:hover,
.lk-content .btn-danger:hover,
.lk-content .lk-reward-btn:hover,
.lk-content button[type=submit]:hover{
    background:rgba(255,45,85,.25)!important;
    border-color:rgba(255,45,85,.9)!important;
    transform:translateY(-2px)!important;
    box-shadow:0 8px 24px -8px rgba(255,45,85,.5), inset 0 1px 0 rgba(255,255,255,.15)!important;
}
.lk-content .btn-danger{
    background:rgba(255,45,85,.18)!important;
    border-color:rgba(255,45,85,.6)!important;
}
.lk-content .btn-ghost{
    background:rgba(255,255,255,.04)!important;
    border-color:rgba(255,255,255,.15)!important;
    color:#9a90b8!important;
}
.lk-content .btn-ghost:hover{
    background:rgba(255,255,255,.08)!important;
    border-color:rgba(255,255,255,.3)!important;
    color:#fff!important;
}

/* Кнопка в форме — на всю ширину */
.lk-content form .btn-primary,
.lk-content form button[type=submit]{
    width:100%!important;
}

/* Убираем жёлтый текст везде в ЛК */
.lk-content *[style*="color:#ffc107"],
.lk-content *[style*="color: #ffc107"]{
    color:#ff2d55!important;
}
.lk-content .lk-balance-big-value,
.lk-content .lk-case-count,
.lk-content .lk-stat-value{
    color:#fff!important;
}

/* Статы — крупные значения белые */
.lk-content .lk-balance-big-value{font-family:'JetBrains Mono',monospace!important;color:#fff!important;font-weight:800!important;}
.lk-content .lk-balance-big-label{color:#9a90b8!important;text-transform:uppercase!important;letter-spacing:.15em!important;font-size:11px!important;font-weight:700!important;}

/* Аватар */
.lk-content .lk-avatar-big,.lk-content .lk-avatar-letter{
    background:linear-gradient(135deg,#ff2d55,#e11d48)!important;
    box-shadow:0 12px 32px -8px rgba(255,45,85,.5)!important;
    color:#fff!important;
}
.lk-content .lk-nick{color:#fff!important;font-family:'Space Grotesk',sans-serif!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:-.02em!important;}

/* Alerts */
.lk-content .alert,.alert{
    padding:14px 18px!important;
    border-radius:14px!important;
    font-size:14px!important;
    font-weight:600!important;
    border:1px solid!important;
}
.lk-content .alert-info,.alert-info{background:rgba(255,45,85,.08)!important;border-color:rgba(255,45,85,.3)!important;color:#ff8aa0!important;}
.lk-content .alert-success,.alert-success{background:rgba(34,197,94,.1)!important;border-color:rgba(34,197,94,.35)!important;color:#86efac!important;}
.lk-content .alert-danger,.alert-danger{background:rgba(255,45,85,.12)!important;border-color:rgba(255,45,85,.4)!important;color:#ff8a80!important;}
.lk-content .alert-warning,.alert-warning{background:rgba(255,45,85,.1)!important;border-color:rgba(255,45,85,.35)!important;color:#ff8aa0!important;}

/* Награды */
.lk-content .lk-rewards{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:16px!important;}
.lk-content .lk-reward-card{display:flex!important;flex-direction:column!important;gap:12px!important;}

/* Кейсы */
.lk-content .lk-cases{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:16px!important;}

/* Скрыть пиксельные иконки */
.lk-content img[src*=".svg"]{opacity:.8;}

/* Все карточки в ЛК */
.lk-content .cabinet-content,
.lk-content .card,
.lk-content .lk-main-card,
.lk-content .lk-stat,
.lk-content .lk-reward-card,
.lk-content .lk-case-card,
.lk-content .form,
.lk-content form.card,
.lk-content .lk-with-menu .card{
    background:rgba(22,16,40,.55) !important;
    border:1px solid rgba(255,255,255,.1) !important;
    border-radius:18px !important;
    backdrop-filter:blur(30px) saturate(180%) !important;
    -webkit-backdrop-filter:blur(30px) saturate(180%) !important;
    padding:22px !important;
    box-shadow:0 12px 40px -12px rgba(0,0,0,.5) !important;
    color:#f0edf7 !important;
}

/* Формы и поля */
.lk-content input,
.lk-content select,
.lk-content textarea{
    background:#0d0b12 !important;
    border:2px solid rgba(255,255,255,.1) !important;
    color:#fff !important;
    border-radius:12px !important;
    padding:12px 14px !important;
    font-size:14px !important;
    width:100% !important;
    box-sizing:border-box !important;
    outline:none !important;
    transition:border-color .2s !important;
    font-family:'Inter',sans-serif !important;
}
.lk-content input:focus,
.lk-content select:focus,
.lk-content textarea:focus{
    border-color:rgba(255,45,85,.7) !important;
    box-shadow:0 0 0 4px rgba(255,45,85,.1) !important;
}
.lk-content label span{
    display:block !important;
    color:#9a90b8 !important;
    font-size:12px !important;
    text-transform:uppercase !important;
    letter-spacing:.1em !important;
    font-weight:700 !important;
    margin-bottom:6px !important;
}

/* КНОПКИ — прозрачные с алой тонировкой */
.lk-content .btn,
.lk-content .btn-primary,
.lk-content .btn-ghost,
.lk-content .btn-danger,
.lk-content .lk-reward-btn,
.lk-content button[type=submit]{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    padding:12px 22px !important;
    border-radius:12px !important;
    font-family:'Space Grotesk',sans-serif !important;
    font-weight:700 !important;
    font-size:14px !important;
    text-decoration:none !important;
    cursor:pointer !important;
    transition:all .2s !important;
    background:rgba(255,45,85,.12) !important;
    border:1px solid rgba(255,45,85,.5) !important;
    color:#fff !important;
    backdrop-filter:blur(16px) !important;
    -webkit-backdrop-filter:blur(16px) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.1) !important;
    text-shadow:0 1px 2px rgba(0,0,0,.3) !important;
    box-sizing:border-box !important;
}
.lk-content .btn:hover,
.lk-content .btn-primary:hover,
.lk-content .btn-ghost:hover,
.lk-content .btn-danger:hover,
.lk-content .lk-reward-btn:hover,
.lk-content button[type=submit]:hover{
    background:rgba(255,45,85,.25) !important;
    border-color:rgba(255,45,85,.9) !important;
    transform:translateY(-2px) !important;
    box-shadow:0 8px 24px -8px rgba(255,45,85,.5), inset 0 1px 0 rgba(255,255,255,.15) !important;
}
.lk-content .btn-danger{
    background:rgba(255,45,85,.18) !important;
    border-color:rgba(255,45,85,.6) !important;
}
.lk-content .btn-ghost{
    background:rgba(255,255,255,.04) !important;
    border-color:rgba(255,255,255,.15) !important;
    color:#9a90b8 !important;
}
.lk-content .btn-ghost:hover{
    background:rgba(255,255,255,.08) !important;
    border-color:rgba(255,255,255,.3) !important;
    color:#fff !important;
}

/* Кнопки в форме на всю ширину */
.lk-content form .btn-primary,
.lk-content form button[type=submit]{
    width:100% !important;
}

/* Убираем жёлтый */
.lk-content *[style*="color:#ffc107"],
.lk-content *[style*="color: #ffc107"]{
    color:#ff2d55 !important;
}
.lk-content .lk-balance-big-value,
.lk-content .lk-stat-value{
    color:#fff !important;
    font-family:'JetBrains Mono',monospace !important;
    font-weight:800 !important;
}
.lk-content .lk-balance-big-label{
    color:#9a90b8 !important;
    text-transform:uppercase !important;
    letter-spacing:.15em !important;
    font-size:11px !important;
    font-weight:700 !important;
}

/* Аватар + ник */
.lk-content .lk-avatar-big,
.lk-content .lk-avatar-letter{
    background:linear-gradient(135deg,#ff2d55,#e11d48) !important;
    box-shadow:0 12px 32px -8px rgba(255,45,85,.5) !important;
    color:#fff !important;
}
.lk-content .lk-nick{
    color:#fff !important;
    font-family:'Space Grotesk',sans-serif !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
    letter-spacing:-.02em !important;
}

/* Alerts */
.alert{
    padding:14px 18px !important;
    border-radius:14px !important;
    font-size:14px !important;
    font-weight:600 !important;
    border:1px solid !important;
    margin-bottom:16px !important;
}
.alert-info{background:rgba(255,45,85,.08) !important;border-color:rgba(255,45,85,.3) !important;color:#ff8aa0 !important;}
.alert-success{background:rgba(34,197,94,.1) !important;border-color:rgba(34,197,94,.35) !important;color:#86efac !important;}
.alert-danger{background:rgba(255,45,85,.12) !important;border-color:rgba(255,45,85,.4) !important;color:#ff8a80 !important;}
.alert-warning{background:rgba(255,45,85,.1) !important;border-color:rgba(255,45,85,.35) !important;color:#ff8aa0 !important;}

/* Награды — сетка */
.lk-content .lk-rewards{
    display:grid !important;
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr)) !important;
    gap:16px !important;
}
.lk-content .lk-reward-card{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
}

/* Кейсы — сетка */
.lk-content .lk-cases{
    display:grid !important;
    grid-template-columns:repeat(auto-fill,minmax(240px,1fr)) !important;
    gap:16px !important;
}

/* Статы (привязки и т.д.) */
.lk-content .lk-stats{
    display:grid !important;
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr)) !important;
    gap:16px !important;
}

/* Заголовки карточек */
.lk-content .lk-case-name,
.lk-content .lk-reward-name,
.lk-content .lk-stat-label{
    font-family:'Space Grotesk',sans-serif !important;
    font-weight:800 !important;
    color:#fff !important;
    text-transform:uppercase !important;
    letter-spacing:-.01em !important;
}

/* Параграфы */
.lk-content p,
.lk-content .muted{
    color:#9a90b8 !important;
}

/* Ссылки */
.lk-content a{
    color:#ff2d55 !important;
    text-decoration:none !important;
    transition:color .2s !important;
}
.lk-content a:hover{
    color:#e11d48 !important;
}

/* Мобильный */
@media(max-width:768px){
    .lk-content h1{font-size:24px !important;}
    .lk-content h2,.lk-content .lk-section-title{font-size:18px !important;}
    .lk-content .cabinet-content,
    .lk-content .card,
    .lk-content .lk-main-card{padding:16px !important;}
}

/* ============================================================
   ЛК — ЕДИНЫЙ СТИЛЬ (без пикселя, красно-белый)
   ============================================================ */
.lk-with-menu{
    display:grid !important;
    grid-template-columns:260px 1fr !important;
    gap:24px !important;
    max-width:1400px !important;
    margin:32px auto 80px !important;
    padding:0 24px !important;
    align-items:start !important;
    box-sizing:border-box !important;
}
@media(max-width:900px){.lk-with-menu{grid-template-columns:1fr !important;padding:0 12px !important;}}

.lk-content{min-width:0 !important;display:flex !important;flex-direction:column !important;gap:20px !important;}

.lk-content h1{
    font-family:'Space Grotesk',sans-serif !important;
    font-size:32px !important;
    color:#fff !important;
    letter-spacing:-.03em !important;
    margin:0 !important;
    text-transform:uppercase !important;
    font-weight:800 !important;
}
.lk-content h2,.lk-content .lk-section-title{
    font-family:'Space Grotesk',sans-serif !important;
    font-size:22px !important;
    color:#fff !important;
    letter-spacing:-.02em !important;
    margin:16px 0 8px !important;
    text-transform:uppercase !important;
    font-weight:800 !important;
}

/* Все карточки в ЛК */
.lk-content .cabinet-content,
.lk-content .card,
.lk-content .lk-main-card,
.lk-content .lk-stat,
.lk-content .lk-reward-card,
.lk-content .lk-case-card,
.lk-content .form,
.lk-content form.card,
.lk-content .lk-with-menu .card{
    background:rgba(22,16,40,.55) !important;
    border:1px solid rgba(255,255,255,.1) !important;
    border-radius:18px !important;
    backdrop-filter:blur(30px) saturate(180%) !important;
    -webkit-backdrop-filter:blur(30px) saturate(180%) !important;
    padding:22px !important;
    box-shadow:0 12px 40px -12px rgba(0,0,0,.5) !important;
    color:#f0edf7 !important;
}

/* Формы и поля */
.lk-content input,
.lk-content select,
.lk-content textarea{
    background:#0d0b12 !important;
    border:2px solid rgba(255,255,255,.1) !important;
    color:#fff !important;
    border-radius:12px !important;
    padding:12px 14px !important;
    font-size:14px !important;
    width:100% !important;
    box-sizing:border-box !important;
    outline:none !important;
    transition:border-color .2s !important;
    font-family:'Inter',sans-serif !important;
}
.lk-content input:focus,
.lk-content select:focus,
.lk-content textarea:focus{
    border-color:rgba(255,45,85,.7) !important;
    box-shadow:0 0 0 4px rgba(255,45,85,.1) !important;
}
.lk-content label span{
    display:block !important;
    color:#9a90b8 !important;
    font-size:12px !important;
    text-transform:uppercase !important;
    letter-spacing:.1em !important;
    font-weight:700 !important;
    margin-bottom:6px !important;
}

/* КНОПКИ — прозрачные с алой тонировкой */
.lk-content .btn,
.lk-content .btn-primary,
.lk-content .btn-ghost,
.lk-content .btn-danger,
.lk-content .lk-reward-btn,
.lk-content button[type=submit]{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    padding:12px 22px !important;
    border-radius:12px !important;
    font-family:'Space Grotesk',sans-serif !important;
    font-weight:700 !important;
    font-size:14px !important;
    text-decoration:none !important;
    cursor:pointer !important;
    transition:all .2s !important;
    background:rgba(255,45,85,.12) !important;
    border:1px solid rgba(255,45,85,.5) !important;
    color:#fff !important;
    backdrop-filter:blur(16px) !important;
    -webkit-backdrop-filter:blur(16px) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.1) !important;
    text-shadow:0 1px 2px rgba(0,0,0,.3) !important;
    box-sizing:border-box !important;
}
.lk-content .btn:hover,
.lk-content .btn-primary:hover,
.lk-content .btn-ghost:hover,
.lk-content .btn-danger:hover,
.lk-content .lk-reward-btn:hover,
.lk-content button[type=submit]:hover{
    background:rgba(255,45,85,.25) !important;
    border-color:rgba(255,45,85,.9) !important;
    transform:translateY(-2px) !important;
    box-shadow:0 8px 24px -8px rgba(255,45,85,.5), inset 0 1px 0 rgba(255,255,255,.15) !important;
}
.lk-content .btn-danger{
    background:rgba(255,45,85,.18) !important;
    border-color:rgba(255,45,85,.6) !important;
}
.lk-content .btn-ghost{
    background:rgba(255,255,255,.04) !important;
    border-color:rgba(255,255,255,.15) !important;
    color:#9a90b8 !important;
}
.lk-content .btn-ghost:hover{
    background:rgba(255,255,255,.08) !important;
    border-color:rgba(255,255,255,.3) !important;
    color:#fff !important;
}

/* Кнопки в форме на всю ширину */
.lk-content form .btn-primary,
.lk-content form button[type=submit]{
    width:100% !important;
}

/* Убираем жёлтый */
.lk-content *[style*="color:#ffc107"],
.lk-content *[style*="color: #ffc107"]{
    color:#ff2d55 !important;
}
.lk-content .lk-balance-big-value,
.lk-content .lk-stat-value{
    color:#fff !important;
    font-family:'JetBrains Mono',monospace !important;
    font-weight:800 !important;
}
.lk-content .lk-balance-big-label{
    color:#9a90b8 !important;
    text-transform:uppercase !important;
    letter-spacing:.15em !important;
    font-size:11px !important;
    font-weight:700 !important;
}

/* Аватар + ник */
.lk-content .lk-avatar-big,
.lk-content .lk-avatar-letter{
    background:linear-gradient(135deg,#ff2d55,#e11d48) !important;
    box-shadow:0 12px 32px -8px rgba(255,45,85,.5) !important;
    color:#fff !important;
}
.lk-content .lk-nick{
    color:#fff !important;
    font-family:'Space Grotesk',sans-serif !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
    letter-spacing:-.02em !important;
}

/* Alerts */
.alert{
    padding:14px 18px !important;
    border-radius:14px !important;
    font-size:14px !important;
    font-weight:600 !important;
    border:1px solid !important;
    margin-bottom:16px !important;
}
.alert-info{background:rgba(255,45,85,.08) !important;border-color:rgba(255,45,85,.3) !important;color:#ff8aa0 !important;}
.alert-success{background:rgba(34,197,94,.1) !important;border-color:rgba(34,197,94,.35) !important;color:#86efac !important;}
.alert-danger{background:rgba(255,45,85,.12) !important;border-color:rgba(255,45,85,.4) !important;color:#ff8a80 !important;}
.alert-warning{background:rgba(255,45,85,.1) !important;border-color:rgba(255,45,85,.35) !important;color:#ff8aa0 !important;}

/* Награды — сетка */
.lk-content .lk-rewards{
    display:grid !important;
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr)) !important;
    gap:16px !important;
}
.lk-content .lk-reward-card{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
}

/* Кейсы — сетка */
.lk-content .lk-cases{
    display:grid !important;
    grid-template-columns:repeat(auto-fill,minmax(240px,1fr)) !important;
    gap:16px !important;
}

/* Статы (привязки и т.д.) */
.lk-content .lk-stats{
    display:grid !important;
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr)) !important;
    gap:16px !important;
}

/* Заголовки карточек */
.lk-content .lk-case-name,
.lk-content .lk-reward-name,
.lk-content .lk-stat-label{
    font-family:'Space Grotesk',sans-serif !important;
    font-weight:800 !important;
    color:#fff !important;
    text-transform:uppercase !important;
    letter-spacing:-.01em !important;
}

/* Параграфы */
.lk-content p,
.lk-content .muted{
    color:#9a90b8 !important;
}

/* Ссылки */
.lk-content a{
    color:#ff2d55 !important;
    text-decoration:none !important;
    transition:color .2s !important;
}
.lk-content a:hover{
    color:#e11d48 !important;
}

/* Мобильный */
@media(max-width:768px){
    .lk-content h1{font-size:24px !important;}
    .lk-content h2,.lk-content .lk-section-title{font-size:18px !important;}
    .lk-content .cabinet-content,
    .lk-content .card,
    .lk-content .lk-main-card{padding:16px !important;}
}

/* Секции и main — прозрачные чтобы был виден глобальный фон */
.site-main, main {
    background: transparent !important;
}
.cabinet-content, .lk-content, .container {
    /* не перекрываем фон */
}

/* Секции и main — прозрачные чтобы был виден глобальный фон */
.site-main, main {
    background: transparent !important;
}
.cabinet-content, .lk-content, .container {
    /* не перекрываем фон */
}

/* ============================================================
   ГЛОБАЛЬНЫЙ ФОН — тёмно-алый, html body = высокая специфичность
   ============================================================ */
html body {
    background: #070409 !important;
    background-color: #070409 !important;
    background-image: none !important;
    background-attachment: scroll !important;
    color: #f0edf7 !important;
    min-height: 100vh;
    position: relative;
}
html body::before {
    content: '' !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    display: block !important;
    background:
        radial-gradient(ellipse 82% 62% at 50% 0%, rgba(255, 45, 85, 0.11) 0%, transparent 65%),
        radial-gradient(ellipse 72% 52% at 100% 100%, rgba(159, 18, 57, 0.16) 0%, transparent 65%),
        radial-gradient(ellipse 62% 48% at 0% 100%, rgba(255, 45, 85, 0.08) 0%, transparent 60%),
        linear-gradient(180deg, #0a050a 0%, #06040a 50%, #0b040a 100%) !important;
}
html body::after {
    content: '' !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    display: block !important;
    background: radial-gradient(ellipse 105% 85% at 50% 50%, transparent 30%, rgba(0,0,0,0.32) 100%) !important;
}

/* Слой контента над фоном */
html body > * {
    position: relative;
    z-index: 1;
}
html body .site-header {
    z-index: 1000 !important;
}
html body .portal-menu,
html body .portal-topup-modal {
    z-index: 99999 !important;
}

/* main — прозрачный */
html body main.site-main,
html body .site-main {
    background: transparent !important;
}

/* ============================================================
   МОБИЛЬНАЯ ВЁРСТКА — фиксы для всего сайта
   ============================================================ */

/* Планшеты и телефоны */
@media (max-width: 900px) {
    /* Отступ контента от фиксированной шапки */
    .site-main { padding-top: 76px !important; }

    /* HERO */
    .hf-hero { min-height: auto !important; border-radius: 0 !important; }
    .hf-hero-inner {
        grid-template-columns: 1fr !important;
        padding: 24px 16px 32px !important;
        gap: 24px !important;
    }
    .hf-hero-left { min-height: auto !important; padding-bottom: 12px; }
    .hf-hero-chars { position: relative !important; left: auto !important; top: auto !important; transform: none !important; height: 240px !important; margin-bottom: -20px; }
    .hf-hero-char { max-width: 60% !important; max-height: 100% !important; }
    .hf-hero-title-img { max-height: 140px !important; max-width: 90% !important; margin: 0 auto 16px !important; }
    .hf-hero-slogan { font-size: 15px !important; text-align: center; }
    .hf-hero-online { font-size: 12px !important; padding: 8px 14px !important; margin: 0 auto 16px !important; }
    .hf-hero-online-num { font-size: 15px !important; }
    .hf-hero-actions { justify-content: center !important; width: 100%; }
    .hf-hero-play { height: 52px !important; padding: 0 26px !important; font-size: 15px !important; width: 100%; justify-content: center; }
    .hf-hero-right { max-width: 100% !important; }
    .hf-hero-packs-label { font-size: 16px !important; }
    .hf-hero-packs { gap: 8px !important; }
    .hf-hero-pack-title { font-size: 10px !important; }
    .hf-hero-pack-price { font-size: 14px !important; }
    .hf-hero-pack-tier { font-size: 7px !important; padding: 2px 6px !important; }

    /* Секции */
    .hf-section { margin: 40px auto !important; padding: 0 14px !important; }
    .hf-title { font-size: 26px !important; }
    .hf-head { margin-bottom: 20px !important; }
    .hf-all { padding: 9px 16px !important; font-size: 12px !important; }
    .hf-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
    .hf-card-body { padding: 12px !important; gap: 6px !important; }
    .hf-card-title { font-size: 13px !important; }
    .hf-card-desc { font-size: 11px !important; line-height: 1.4 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .hf-price { padding: 5px 10px !important; }
    .hf-price-num { font-size: 15px !important; }
    .hf-price-cur { font-size: 11px !important; }
    .hf-btn { padding: 9px 12px !important; font-size: 11px !important; }

    /* Модалки */
    .hf-modal { padding: 8px !important; }
    .hf-modal-box { padding: 20px 16px !important; border-radius: 18px !important; max-width: 100% !important; }
    .hf-modal-title { font-size: 17px !important; }
    .hf-btn-red, .hf-btn-green, .hf-btn-gray, .hf-btn-dark { padding: 11px 14px !important; font-size: 13px !important; }

    /* Валютное окно */
    .hf-coins-wrap { border-radius: 18px !important; }
    .hf-coins { grid-template-columns: 1fr !important; padding: 16px !important; gap: 16px !important; border-radius: 18px !important; }
    .hf-coins-preview { padding: 16px !important; }
    .hf-coins-amount { font-size: 26px !important; }
    .hf-coins-amount .unit { font-size: 12px !important; }
    .hf-coins-price { font-size: 18px !important; padding-top: 10px !important; }
    .hf-coins-quick button { padding: 6px 10px !important; font-size: 11px !important; }
    .hf-coins-input-row input { padding: 9px 10px !important; font-size: 13px !important; }
    .hf-coins-input-row button { padding: 9px 14px !important; font-size: 12px !important; }
    .hf-coins-label { font-size: 10px !important; }

    /* Шаги */
    .hf-steps { grid-template-columns: 1fr !important; gap: 12px !important; }
    .hf-step { padding: 20px !important; }
    .hf-step-num { font-size: 32px !important; }
    .hf-step h3 { font-size: 15px !important; }
    .hf-step p { font-size: 12px !important; }

    /* ЛК */
    .lk-with-menu { grid-template-columns: 1fr !important; padding: 0 12px !important; gap: 16px !important; }
    .lk-sidebar { position: static !important; top: auto !important; padding: 10px !important; }
    .lk-menu-item { padding: 10px 12px !important; font-size: 13px !important; }
    .lk-menu-icon { font-size: 16px !important; }
    .lk-content h1 { font-size: 22px !important; }
    .lk-content h2, .lk-content .lk-section-title { font-size: 16px !important; }
    .lk-content .cabinet-content, .lk-content .card, .lk-content .lk-main-card { padding: 14px !important; border-radius: 14px !important; }

    /* Магазин */
    .shop-page { padding: 12px 14px 60px !important; }
    .shp-h1 { font-size: 28px !important; }
    .shp-sub { font-size: 13px !important; }
    .shp-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
    .shp-card-body { padding: 12px !important; gap: 6px !important; }
    .shp-card-title { font-size: 13px !important; }
    .shp-card-desc { font-size: 11px !important; }
    .shp-tabs { gap: 6px !important; }
    .shp-tab { padding: 9px 14px !important; font-size: 11px !important; letter-spacing: .04em !important; }
    .shp-me, .shp-login { padding: 12px 14px !important; font-size: 12px !important; }

    /* Навигация */
    .qh-nav { display: none !important; }
    .qh-header-inner { padding: 0 10px 0 14px !important; height: 52px !important; }
    .qh-logo-text { font-size: 15px !important; }
    .qh-logo-q { width: 30px !important; height: 30px !important; font-size: 15px !important; }

    /* Портал */
    .portal-btn { width: 36px !important; height: 36px !important; font-size: 14px !important; }
    .portal-menu { min-width: 220px !important; right: -8px !important; }
}

/* Маленькие телефоны */
@media (max-width: 480px) {
    .site-main { padding-top: 68px !important; }
    .hf-hero-inner { padding: 18px 12px 24px !important; }
    .hf-hero-chars { height: 180px !important; }
    .hf-hero-title-img { max-height: 100px !important; }
    .hf-hero-slogan { font-size: 13px !important; }
    .hf-hero-pack-title { font-size: 9px !important; }
    .hf-hero-pack-price { font-size: 12px !important; }
    .hf-title { font-size: 22px !important; }
    .hf-grid { grid-template-columns: 1fr !important; }
    .shp-grid { grid-template-columns: 1fr !important; }
    .hf-coins-amount { font-size: 22px !important; }
    .hf-coins-price { font-size: 16px !important; }
    .lk-content h1 { font-size: 20px !important; }
    .shp-h1 { font-size: 24px !important; }
}

/* Тач-устройства — убрать hover-эффекты которые залипают */
@media (hover: none) and (pointer: coarse) {
    .hf-card:hover, .shp-card:hover, .hero-promo:hover, .hf-hero-pack:hover {
        transform: none !important;
    }
    .hf-btn:hover, .shp-btn:hover, .card-btn:hover {
        transform: none !important;
    }
    /* Активное состояние вместо hover */
    .hf-card:active { transform: scale(.98) !important; }
    .shp-card:active { transform: scale(.98) !important; }
}

/* ============================================================
   ЛК — ЕДИНЫЙ ШРИФТ (без пикселя) + кастомный фон
   ============================================================ */

/* Форсируем Inter/Space Grotesk для ВСЕГО ЛК */
.lk-with-menu,
.lk-with-menu *,
.lk-sidebar,
.lk-sidebar *,
.lk-content,
.lk-content * {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    letter-spacing: normal !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Заголовки ЛК — Space Grotesk */
.lk-content h1,
.lk-content h2,
.lk-content h3,
.lk-content h4,
.lk-content .lk-section-title,
.lk-content .lk-nick,
.lk-content .lk-case-name,
.lk-content .lk-reward-name,
.lk-sidebar a span {
    font-family: 'Space Grotesk', 'Inter', sans-serif !important;
    letter-spacing: -0.02em !important;
}

/* Цифры/баланс — JetBrains Mono */
.lk-content .lk-balance-big-value,
.lk-content .lk-stat-value,
.lk-content .lk-case-count,
.lk-content code,
.lk-content .mono,
.lk-content [class*="balance"],
.lk-content [class*="price"] {
    font-family: 'JetBrains Mono', 'Inter', monospace !important;
    font-feature-settings: "tnum" 1 !important;
}

/* Убираем пиксельные SVG-иконки с агрессивным рендером */
.lk-content img,
.lk-sidebar img,
.lk-sidebar svg {
    image-rendering: auto !important;
}
.lk-sidebar svg {
    image-rendering: auto !important;
    shape-rendering: geometricPrecision !important;
}
.lk-content [style*="font-family:monospace"] {
    font-family: 'JetBrains Mono', monospace !important;
}

/* Иконки меню ЛК — эмодзи крупнее и ровнее */
.lk-menu-icon {
    font-size: 18px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    text-align: center !important;
    font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', sans-serif !important;
}

/* ============================================================
   КАСТОМНЫЙ ФОН ДЛЯ ЛК
   ============================================================ */
.lk-with-menu {
    position: relative;
    background: transparent;
}

/* Декоративный фон вокруг ЛК — тот же градиент что глобальный, но локально усилен */
.lk-with-menu::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(ellipse 60% 45% at 50% 20%, rgba(255, 45, 85, 0.10) 0%, transparent 70%),
        radial-gradient(ellipse 50% 40% at 100% 100%, rgba(159, 18, 57, 0.12) 0%, transparent 65%);
}

/* Сайдбар — усиленный glass */
.lk-sidebar {
    background: rgba(15, 8, 20, 0.72) !important;
    backdrop-filter: blur(32px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(32px) saturate(160%) !important;
    border: 1px solid rgba(255, 45, 85, 0.15) !important;
    box-shadow:
        0 24px 60px -20px rgba(0, 0, 0, 0.7),
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

/* Карточки ЛК — усиленный glass с алой тонировкой */
.lk-content .cabinet-content,
.lk-content .card,
.lk-content .lk-main-card,
.lk-content .lk-stat,
.lk-content .lk-reward-card,
.lk-content .lk-case-card,
.lk-content form.card {
    background: rgba(15, 8, 20, 0.62) !important;
    backdrop-filter: blur(28px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(28px) saturate(160%) !important;
    border: 1px solid rgba(255, 45, 85, 0.12) !important;
    box-shadow:
        0 20px 50px -18px rgba(0, 0, 0, 0.6),
        inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

/* Ховер на карточках ЛК */
.lk-content .cabinet-content:hover,
.lk-content .lk-stat:hover,
.lk-content .lk-reward-card:hover,
.lk-content .lk-case-card:hover {
    border-color: rgba(255, 45, 85, 0.25) !important;
}

/* Основной блок профиля — ярче */
.lk-content .lk-main-card {
    background: rgba(20, 10, 25, 0.7) !important;
    border-color: rgba(255, 45, 85, 0.18) !important;
}

/* Поля ввода — тёмнее */
.lk-content input,
.lk-content select,
.lk-content textarea {
    background: rgba(8, 4, 12, 0.85) !important;
    border-color: rgba(255, 45, 85, 0.2) !important;
    color: #fff !important;
}

.lk-content input:focus,
.lk-content select:focus,
.lk-content textarea:focus {
    border-color: rgba(255, 45, 85, 0.7) !important;
    background: rgba(12, 6, 16, 0.95) !important;
}

/* Кнопки — прозрачные с алой тонировкой */
.lk-content .btn,
.lk-content .btn-primary,
.lk-content .btn-ghost,
.lk-content .btn-danger,
.lk-content .lk-reward-btn,
.lk-content button[type=submit] {
    background: rgba(255, 45, 85, 0.14) !important;
    border: 1px solid rgba(255, 45, 85, 0.5) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
}

.lk-content .btn:hover,
.lk-content .btn-primary:hover,
.lk-content .lk-reward-btn:hover,
.lk-content button[type=submit]:hover {
    background: rgba(255, 45, 85, 0.28) !important;
    border-color: rgba(255, 45, 85, 0.9) !important;
}

/* Alert в ЛК */
.lk-content .alert {
    background: rgba(15, 8, 20, 0.7) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}

/* ============================================================
   МОБИЛЬНЫЙ ЛК — тоже фон
   ============================================================ */
@media (max-width: 900px) {
    .lk-with-menu::before {
        background:
            radial-gradient(ellipse 70% 40% at 50% 15%, rgba(255, 45, 85, 0.08) 0%, transparent 70%);
    }
    .lk-sidebar {
        background: rgba(15, 8, 20, 0.82) !important;
    }
    .lk-content .cabinet-content,
    .lk-content .card,
    .lk-content .lk-main-card {
        background: rgba(15, 8, 20, 0.7) !important;
    }
}

/* ============================================================
   ЛК — БОЛЬШИЕ СКРУГЛЕНИЯ + НАСТОЯЩЕЕ СТЕКЛО
   ============================================================ */

/* Убираем полоски/декоры рядом с ником */
.lk-content .lk-nick::before,
.lk-content .lk-nick::after,
.lk-content .lk-main-card::before,
.lk-content .lk-main-card::after,
.lk-content .lk-main-left::before,
.lk-content .lk-main-left::after,
.lk-content .lk-avatar-big::before,
.lk-content .lk-avatar-big::after,
.lk-content .lk-nick-block::before,
.lk-content .lk-nick-block::after {
    display: none !important;
    content: none !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Обнуляем border-left/right у блока ника */
.lk-content .lk-nick-block {
    border-left: none !important;
    border-right: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.lk-content .lk-nick {
    border: none !important;
    padding: 0 !important;
    background: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Сайдбар — больше скругления + сильнее стекло */
.lk-sidebar {
    border-radius: 28px !important;
    background: rgba(15, 8, 20, 0.55) !important;
    backdrop-filter: blur(40px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(40px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow:
        0 30px 80px -20px rgba(0, 0, 0, 0.75),
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 -1px 0 rgba(255, 255, 255, 0.02) !important;
    overflow: hidden;
    position: relative;
}
.lk-sidebar::before {
    content: '';
    position: absolute;
    inset: -1px;
    border-radius: 28px;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.06) 0%, transparent 25%);
}

/* Пункты меню ЛК — тоже скругления */
.lk-menu-item {
    border-radius: 16px !important;
}
.lk-menu-item.lk-menu-active {
    border-radius: 16px !important;
    background: linear-gradient(135deg, rgba(255, 45, 85, 0.18), rgba(255, 45, 85, 0.06)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 4px 20px -8px rgba(255, 45, 85, 0.5) !important;
}

/* Карточки ЛК — больше скругления + сильнее стекло */
.lk-content .cabinet-content,
.lk-content .card,
.lk-content .lk-stat,
.lk-content .lk-reward-card,
.lk-content .lk-case-card,
.lk-content form.card {
    border-radius: 28px !important;
    background: rgba(15, 8, 20, 0.5) !important;
    backdrop-filter: blur(40px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(40px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow:
        0 30px 80px -20px rgba(0, 0, 0, 0.7),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    position: relative;
    overflow: hidden;
}
.lk-content .cabinet-content::before,
.lk-content .card::before,
.lk-content .lk-stat::before,
.lk-content .lk-reward-card::before,
.lk-content .lk-case-card::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 28px;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, transparent 30%);
}

/* Главная карточка профиля — самое большое скругление */
.lk-content .lk-main-card {
    border-radius: 32px !important;
    background: rgba(20, 10, 25, 0.55) !important;
    backdrop-filter: blur(48px) saturate(200%) !important;
    -webkit-backdrop-filter: blur(48px) saturate(200%) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow:
        0 40px 100px -25px rgba(0, 0, 0, 0.8),
        inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

/* Аватар — круглая с большим свечением */
.lk-content .lk-avatar-big {
    border-radius: 50% !important;
    background: linear-gradient(135deg, #ff2d55, #e11d48) !important;
    box-shadow:
        0 20px 50px -12px rgba(255, 45, 85, 0.7),
        inset 0 2px 0 rgba(255, 255, 255, 0.3) !important;
}
.lk-content .lk-avatar-letter {
    color: #fff !important;
    font-weight: 800 !important;
    font-size: 36px !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

/* Кнопки в ЛК — сильнее стекло */
.lk-content .btn,
.lk-content .btn-primary,
.lk-content .btn-ghost,
.lk-content .btn-danger,
.lk-content .lk-reward-btn,
.lk-content button[type=submit] {
    border-radius: 16px !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    box-shadow:
        0 8px 24px -8px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

/* Поля — тоже скругления */
.lk-content input,
.lk-content select,
.lk-content textarea {
    border-radius: 14px !important;
    background: rgba(8, 4, 12, 0.7) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

/* Alerts — скругления */
.lk-content .alert {
    border-radius: 20px !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    box-shadow:
        0 12px 32px -10px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

/* Заголовки ЛК — без декоративных полосок */
.lk-content h1::before,
.lk-content h1::after,
.lk-content h2::before,
.lk-content h2::after,
.lk-content .lk-section-title::before,
.lk-content .lk-section-title::after {
    display: none !important;
    content: none !important;
}

/* Мобильный */
@media (max-width: 900px) {
    .lk-sidebar { border-radius: 22px !important; }
    .lk-content .cabinet-content,
    .lk-content .card,
    .lk-content .lk-stat,
    .lk-content .lk-reward-card,
    .lk-content .lk-case-card { border-radius: 22px !important; }
    .lk-content .lk-main-card { border-radius: 26px !important; }
    .lk-menu-item { border-radius: 12px !important; }
}

/* ============================================================
   ЛК — ЖЁСТКИЙ ФИКС: убираем полосу, чиним аватар
   ============================================================ */

/* Все псевдоэлементы внутри карточки профиля — СКРЫТЬ */
.lk-content .lk-main-card,
.lk-content .lk-main-card *,
.lk-content .lk-main-card *::before,
.lk-content .lk-main-card *::after,
.lk-content .lk-main-left,
.lk-content .lk-main-left *,
.lk-content .lk-main-left *::before,
.lk-content .lk-main-left *::after,
.lk-content .lk-nick-block,
.lk-content .lk-nick-block *,
.lk-content .lk-nick-block *::before,
.lk-content .lk-nick-block *::after,
.lk-content .lk-nick,
.lk-content .lk-nick::before,
.lk-content .lk-nick::after,
.lk-content .lk-avatar-big::before,
.lk-content .lk-avatar-big::after {
    border: none !important;
    background-image: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Обнуляем ::before/::after кроме умышленных */
.lk-content .lk-main-card::before,
.lk-content .lk-main-card::after,
.lk-content .lk-main-left::before,
.lk-content .lk-main-left::after,
.lk-content .lk-nick-block::before,
.lk-content .lk-nick-block::after,
.lk-content .lk-avatar-big::before,
.lk-content .lk-avatar-big::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* Карточка профиля — overflow hidden (если полоса торчит) */
.lk-content .lk-main-card {
    overflow: hidden !important;
    position: relative !important;
}

/* Убираем border-top/left/right у элементов внутри профиля */
.lk-content .lk-main-card > *,
.lk-content .lk-main-left > *,
.lk-content .lk-nick-block > * {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

/* ============================================================
   АВАТАР — КРУГЛЫЙ, БУКВА НИКА ПО ЦЕНТРУ, КРУПНАЯ
   ============================================================ */
.lk-content .lk-avatar-big {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #ff2d55 0%, #e11d48 100%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow:
        0 16px 40px -10px rgba(255, 45, 85, 0.65),
        inset 0 2px 0 rgba(255, 255, 255, 0.3) !important;
    border: 2px solid rgba(255, 255, 255, 0.15) !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.lk-content .lk-avatar-letter {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    color: #fff !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
    letter-spacing: -0.02em !important;
}

/* Ник рядом — крупный */
.lk-content .lk-nick {
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 800 !important;
    font-size: 32px !important;
    color: #fff !important;
    text-transform: uppercase !important;
    letter-spacing: -0.03em !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
}

/* Бейдж привилегии — компактный */
.lk-content .lk-badge-rank-big {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 14px !important;
    border-radius: 100px !important;
    background: rgba(255, 45, 85, 0.12) !important;
    border: 1px solid rgba(255, 45, 85, 0.4) !important;
    color: #fff !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
    width: fit-content !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* Раскладка профиля */
.lk-content .lk-main-left {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
}
.lk-content .lk-nick-block {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    min-width: 0 !important;
}

/* Мобильный */
@media (max-width: 900px) {
    .lk-content .lk-avatar-big { width: 60px !important; height: 60px !important; min-width: 60px !important; min-height: 60px !important; }
    .lk-content .lk-avatar-letter { font-size: 26px !important; }
    .lk-content .lk-nick { font-size: 24px !important; }
    .lk-content .lk-main-left { gap: 14px !important; }
}

/* ============================================================
   FOOTER — ЖИДКОЕ СТЕКЛО
   ============================================================ */
footer,
.site-footer,
footer.site-footer {
    background: rgba(15, 8, 20, 0.5) !important;
    backdrop-filter: blur(40px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(40px) saturate(180%) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 28px 28px 0 0 !important;
    margin-top: 80px !important;
    padding: 40px 24px 24px !important;
    position: relative;
    overflow: hidden;
    box-shadow:
        0 -20px 60px -20px rgba(0, 0, 0, 0.6),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    font-family: 'Inter', -apple-system, sans-serif !important;
}

footer::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 28px 28px 0 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 45, 85, 0.05) 0%, transparent 40%);
}

footer * {
    font-family: 'Inter', -apple-system, sans-serif !important;
    letter-spacing: normal !important;
    text-rendering: optimizeLegibility !important;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
footer .footer-title,
footer [class*="title"],
footer [class*="heading"] {
    font-family: 'Space Grotesk', 'Inter', sans-serif !important;
    font-weight: 800 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    font-size: 14px !important;
    margin: 0 0 14px !important;
}

footer a,
footer a:link,
footer a:visited {
    color: rgba(255, 255, 255, 0.6) !important;
    text-decoration: none !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    transition: color 0.2s !important;
}
footer a:hover {
    color: #fff !important;
}

footer p,
footer span,
footer div,
footer li {
    color: rgba(255, 255, 255, 0.6) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

footer .mono,
footer code {
    font-family: 'JetBrains Mono', monospace !important;
    color: #fff !important;
}

footer strong, footer b {
    color: #fff !important;
    font-weight: 700 !important;
}

/* IP-адрес сервера — белый, монопространственный */
footer [class*="ip"],
footer .server-ip {
    color: #fff !important;
    font-family: 'JetBrains Mono', monospace !important;
}

/* Копирайт */
footer [class*="copy"],
footer .copyright {
    color: rgba(255, 255, 255, 0.35) !important;
    font-size: 12px !important;
    margin-top: 24px !important;
    padding-top: 20px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* Убираем все красные/фиолетовые/жёлтые цвета в футере */
footer *[style*="color:#ff"],
footer *[style*="color: #ff"],
footer *[style*="color:#a8"],
footer *[style*="color: #a8"],
footer *[style*="color:#7c"],
footer *[style*="color: #7c"],
footer *[style*="color:#ffc107"],
footer *[style*="color: #ffc107"],
footer *[style*="color:#a855f7"],
footer *[style*="color: #a855f7"],
footer *[style*="color:#ff2d55"],
footer *[style*="color: #ff2d55"] {
    color: #fff !important;
}

/* ============================================================
   ГЛОБАЛЬНО — убираем цветные тексты по всему сайту
   ============================================================ */

/* Убираем пиксельный шрифт ВЕЗДЕ */
.pixel, .font-pixel, [class*="pixel"] {
    font-family: 'Space Grotesk', 'Inter', sans-serif !important;
}

/* Цветные заголовки на страницах (кроме карточек) */
.section-title,
.lk-section-title,
main h1,
main h2,
main h3 {
    font-family: 'Space Grotesk', 'Inter', sans-serif !important;
    letter-spacing: -0.02em !important;
}

/* Убираем жёлтый/фиолетовый в текстах страниц */
.page-title,
h1.page-title,
h2.page-title {
    color: #fff !important;
}

/* Убираем цветной текст в ссылках оферты, правил, FAQ */
.rules-page a,
.faq-page a,
.oferta-page a,
.legal-page a,
.doc-page a {
    color: #fff !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(255, 45, 85, 0.5) !important;
}
.rules-page h1, .rules-page h2, .rules-page h3,
.faq-page h1, .faq-page h2, .faq-page h3,
.oferta-page h1, .oferta-page h2, .oferta-page h3,
.legal-page h1, .legal-page h2, .legal-page h3 {
    color: #fff !important;
    font-family: 'Space Grotesk', 'Inter', sans-serif !important;
}
.rules-page p, .rules-page li,
.faq-page p, .faq-page li,
.oferta-page p, .oferta-page li,
.legal-page p, .legal-page li {
    color: rgba(255, 255, 255, 0.75) !important;
}

/* Мобильный футер */
@media (max-width: 900px) {
    footer {
        padding: 28px 16px 20px !important;
        border-radius: 20px 20px 0 0 !important;
        margin-top: 48px !important;
    }
    footer h1, footer h2, footer h3, footer h4 { font-size: 12px !important; }
    footer a, footer p, footer div { font-size: 12px !important; }
}

/* ============================================================
   FOOTER — ЖИДКОЕ СТЕКЛО
   ============================================================ */
footer,
.site-footer,
footer.site-footer {
    background: rgba(15, 8, 20, 0.5) !important;
    backdrop-filter: blur(40px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(40px) saturate(180%) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 28px 28px 0 0 !important;
    margin-top: 80px !important;
    padding: 40px 24px 24px !important;
    position: relative;
    overflow: hidden;
    box-shadow:
        0 -20px 60px -20px rgba(0, 0, 0, 0.6),
        inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
    font-family: 'Inter', -apple-system, sans-serif !important;
}

footer::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 28px 28px 0 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 45, 85, 0.05) 0%, transparent 40%);
}

footer * {
    font-family: 'Inter', -apple-system, sans-serif !important;
    letter-spacing: normal !important;
    text-rendering: optimizeLegibility !important;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
footer .footer-title,
footer [class*="title"],
footer [class*="heading"] {
    font-family: 'Space Grotesk', 'Inter', sans-serif !important;
    font-weight: 800 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    font-size: 14px !important;
    margin: 0 0 14px !important;
}

footer a,
footer a:link,
footer a:visited {
    color: rgba(255, 255, 255, 0.6) !important;
    text-decoration: none !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    transition: color 0.2s !important;
}
footer a:hover {
    color: #fff !important;
}

footer p,
footer span,
footer div,
footer li {
    color: rgba(255, 255, 255, 0.6) !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

footer .mono,
footer code {
    font-family: 'JetBrains Mono', monospace !important;
    color: #fff !important;
}

footer strong, footer b {
    color: #fff !important;
    font-weight: 700 !important;
}

/* IP-адрес сервера — белый, монопространственный */
footer [class*="ip"],
footer .server-ip {
    color: #fff !important;
    font-family: 'JetBrains Mono', monospace !important;
}

/* Копирайт */
footer [class*="copy"],
footer .copyright {
    color: rgba(255, 255, 255, 0.35) !important;
    font-size: 12px !important;
    margin-top: 24px !important;
    padding-top: 20px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

/* Убираем все красные/фиолетовые/жёлтые цвета в футере */
footer *[style*="color:#ff"],
footer *[style*="color: #ff"],
footer *[style*="color:#a8"],
footer *[style*="color: #a8"],
footer *[style*="color:#7c"],
footer *[style*="color: #7c"],
footer *[style*="color:#ffc107"],
footer *[style*="color: #ffc107"],
footer *[style*="color:#a855f7"],
footer *[style*="color: #a855f7"],
footer *[style*="color:#ff2d55"],
footer *[style*="color: #ff2d55"] {
    color: #fff !important;
}

/* ============================================================
   ГЛОБАЛЬНО — убираем цветные тексты по всему сайту
   ============================================================ */

/* Убираем пиксельный шрифт ВЕЗДЕ */
.pixel, .font-pixel, [class*="pixel"] {
    font-family: 'Space Grotesk', 'Inter', sans-serif !important;
}

/* Цветные заголовки на страницах (кроме карточек) */
.section-title,
.lk-section-title,
main h1,
main h2,
main h3 {
    font-family: 'Space Grotesk', 'Inter', sans-serif !important;
    letter-spacing: -0.02em !important;
}

/* Убираем жёлтый/фиолетовый в текстах страниц */
.page-title,
h1.page-title,
h2.page-title {
    color: #fff !important;
}

/* Убираем цветной текст в ссылках оферты, правил, FAQ */
.rules-page a,
.faq-page a,
.oferta-page a,
.legal-page a,
.doc-page a {
    color: #fff !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(255, 45, 85, 0.5) !important;
}
.rules-page h1, .rules-page h2, .rules-page h3,
.faq-page h1, .faq-page h2, .faq-page h3,
.oferta-page h1, .oferta-page h2, .oferta-page h3,
.legal-page h1, .legal-page h2, .legal-page h3 {
    color: #fff !important;
    font-family: 'Space Grotesk', 'Inter', sans-serif !important;
}
.rules-page p, .rules-page li,
.faq-page p, .faq-page li,
.oferta-page p, .oferta-page li,
.legal-page p, .legal-page li {
    color: rgba(255, 255, 255, 0.75) !important;
}

/* Мобильный футер */
@media (max-width: 900px) {
    footer {
        padding: 28px 16px 20px !important;
        border-radius: 20px 20px 0 0 !important;
        margin-top: 48px !important;
    }
    footer h1, footer h2, footer h3, footer h4 { font-size: 12px !important; }
    footer a, footer p, footer div { font-size: 12px !important; }
}

/* ============================================================
   ЖЁСТКИЙ KILL ПИКСЕЛЬНОГО ШРИФТА — ВЕЗДЕ
   ============================================================ */
html, html *,
body, body *,
body *::before, body *::after,
body *::first-letter,
h1, h2, h3, h4, h5, h6,
p, a, span, div, li, ul, ol,
button, input, select, textarea, label, form,
table, td, th, tr, thead, tbody,
header, footer, main, section, article, aside, nav,
.card, .btn, .tag, .badge,
[class*="pixel"], [class*="Pixel"], [class*="PIXEL"] {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    letter-spacing: normal !important;
    font-variant-ligatures: normal !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Заголовки — Space Grotesk */
h1, h2, h3, h4, h5, h6,
.qs-title, .hf-title, .shp-h1,
.lk-section-title, .section-title,
.logo-text, .qh-logo-text,
[class*="title"], [class*="heading"] {
    font-family: 'Space Grotesk', 'Inter', sans-serif !important;
    letter-spacing: -0.02em !important;
}

/* Цифры / IP / код — JetBrains Mono */
code, pre, kbd, samp, .mono,
[class*="mono"], [class*="code"],
.online-badge, .qh-online,
footer [class*="ip"], footer .server-ip,
.q-price-num, .hf-price-num, .shp-price-num,
.qh-pack-card-price, .hero-promo-price {
    font-family: 'JetBrains Mono', 'SF Mono', Monaco, monospace !important;
    letter-spacing: normal !important;
}

/* Убиваем любые Press Start 2P */
@font-face {
    font-family: 'Press Start 2P';
    src: local('Arial');
    font-display: swap;
}
@font-face {
    font-family: 'Press Start';
    src: local('Arial');
    font-display: swap;
}
@font-face {
    font-family: 'Pixel';
    src: local('Arial');
    font-display: swap;
}

/* ============================================================
   ВСЕ КНОПКИ — СЕРОЕ ЛИКВИД-СТЕКЛО
   ============================================================ */

/* Универсальный стиль серого стекла для кнопок */
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.btn,
.btn-primary,
.btn-secondary,
.btn-danger,
.btn-ghost,
.btn-success,
.btn-warning,
.card-btn,
.hf-btn,
.hf-btn-red,
.hf-btn-dark,
.hf-btn-green,
.hf-btn-gray,
.shp-btn,
.shp-btn-red,
.shp-btn-dark,
.shp-btn-green,
.shp-btn-gray,
.qs-btn,
.qs-btn-more,
.qs-btn-buy,
.qs-btn-can,
.qs-btn-cant,
.q-btn,
.q-btn-red,
.q-btn-glass,
.q-buy-rub,
.rc-btn,
.portal-btn,
.portal-submit,
.qh-login-btn,
.qh-logo-q,
.back-link,
.shp-back,
.qh-pack-card,
.hf-hero-play,
.hf-hero-online,
.hf-all,
.shp-tab,
.qh-nav a {
    background: rgba(160, 160, 170, 0.10) !important;
    background-image: none !important;
    backdrop-filter: blur(24px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(160%) !important;
    border: 1px solid rgba(180, 180, 190, 0.25) !important;
    color: #fff !important;
    box-shadow:
        0 8px 24px -10px rgba(0, 0, 0, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.2s ease !important;
}

/* Ховер — светлее */
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.btn:hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-danger:hover,
.btn-ghost:hover,
.card-btn:hover,
.hf-btn:hover,
.hf-btn-red:hover,
.hf-btn-dark:hover,
.shp-btn:hover,
.shp-btn-red:hover,
.shp-btn-dark:hover,
.qs-btn:hover,
.q-btn:hover,
.q-btn-red:hover,
.q-btn-glass:hover,
.q-buy-rub:hover,
.rc-btn:hover,
.portal-btn:hover,
.portal-submit:hover,
.qh-login-btn:hover,
.back-link:hover,
.shp-back:hover,
.hf-hero-play:hover,
.hf-hero-online:hover,
.hf-all:hover,
.shp-tab:hover {
    background: rgba(180, 180, 190, 0.18) !important;
    border-color: rgba(200, 200, 210, 0.45) !important;
    transform: translateY(-2px) !important;
    box-shadow:
        0 14px 32px -10px rgba(0, 0, 0, 0.55),
        inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
}

/* Активная кнопка (категории) */
.shp-tab.active,
.qs-tab.active,
.q-tab.active {
    background: rgba(180, 180, 190, 0.20) !important;
    border-color: rgba(200, 200, 210, 0.5) !important;
    color: #fff !important;
    box-shadow:
        0 12px 32px -10px rgba(0, 0, 0, 0.6),
        inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}

/* Убираем градиенты и фиолетовый из inline-стилей кнопок */
button[style*="gradient"],
a[style*="gradient"],
[style*="background:linear-gradient(135deg,#ff2d55,#a855f7)"],
[style*="background:linear-gradient(135deg, #ff2d55, #a855f7)"],
[style*="background:linear-gradient(135deg,var(--red)"],
[style*="background:linear-gradient(180deg,#ff"],
[style*="linear-gradient(135deg,#ff6b6b"],
[style*="linear-gradient(135deg, #ff6b6b"],
[style*="background:var(--red)"],
[style*="background: #ff2d55"],
[style*="background:#ff2d55"] {
    background: rgba(160, 160, 170, 0.10) !important;
    background-image: none !important;
    border: 1px solid rgba(180, 180, 190, 0.25) !important;
}

/* Ссылки-кнопки (назад, и т.д.) */
a.back-link,
a.shp-back {
    background: rgba(160, 160, 170, 0.10) !important;
    border: 1px solid rgba(180, 180, 190, 0.25) !important;
}

/* Шапка логотип Q */
.qh-logo-q {
    background: rgba(160, 160, 170, 0.15) !important;
    border: 1px solid rgba(180, 180, 190, 0.3) !important;
    color: #fff !important;
}

/* Портал — серый */
.portal-btn {
    background: rgba(160, 160, 170, 0.15) !important;
    border: 1px solid rgba(180, 180, 190, 0.3) !important;
}

/* Категории товаров */
.shp-tab {
    background: rgba(160, 160, 170, 0.08) !important;
    border: 1px solid rgba(180, 180, 190, 0.2) !important;
    color: rgba(255, 255, 255, 0.75) !important;
}
.shp-tab:hover {
    color: #fff !important;
}
.shp-tab.active {
    background: rgba(180, 180, 190, 0.18) !important;
    border-color: rgba(200, 200, 210, 0.5) !important;
    color: #fff !important;
}

/* Кнопка "Как начать играть" */
.hf-hero-play {
    background: rgba(160, 160, 170, 0.12) !important;
    border: 1px solid rgba(180, 180, 190, 0.3) !important;
    color: #fff !important;
}
.hf-hero-play:hover {
    background: rgba(180, 180, 190, 0.22) !important;
    border-color: rgba(200, 200, 210, 0.5) !important;
}

/* Кнопка "Назад" в ЛК */
.back-link,
.shp-back {
    background: rgba(160, 160, 170, 0.10) !important;
    border: 1px solid rgba(180, 180, 190, 0.25) !important;
    color: #fff !important;
}
.back-link:hover,
.shp-back:hover {
    background: rgba(180, 180, 190, 0.2) !important;
    border-color: rgba(200, 200, 210, 0.5) !important;
}

/* ПОСЛЕДНИЙ РУБЕЖ — убиваем Press Start 2P полностью */
@font-face {
    font-family: 'Press Start 2P';
    src: local('Arial'), local('Helvetica');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-10FFFF;
}
@font-face {
    font-family: 'PressStart2P';
    src: local('Arial'), local('Helvetica');
    font-display: swap;
}
@font-face {
    font-family: 'Pixel';
    src: local('Arial'), local('Helvetica');
    font-display: swap;
}

/* Форсированно на элементе футера */
.footer, .site-footer, footer,
.footer *, .site-footer *, footer * {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    font-weight: 400 !important;
}
.footer .title, .footer h1, .footer h2, .footer h3,
.site-footer .title, .site-footer h1, .site-footer h2, .site-footer h3,
footer .title, footer h1, footer h2, footer h3 {
    font-family: 'Space Grotesk', 'Inter', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

/* РИГИ В КАРТОЧКАХ — оптимальные */
.hf-card-media img {
    max-width: 92% !important;
    max-height: 94% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
}
.hx-pack-img {
    background-size: contain !important;
    background-position: center 70% !important;
    background-repeat: no-repeat !important;
}
@media(max-width:600px){
    .hf-card-media img { max-width: 88% !important; max-height: 92% !important; }
}

/* ============================================================
   ВАЛЮТА — БЕЗ БОНУСА, ПРАВИЛЬНЫЙ LAYOUT
   ============================================================ */

.hf-section.coins-section{
    max-width:100% !important;
    margin:80px 0 !important;
    padding:0 !important;
    position:relative !important;
    overflow:hidden !important;
    min-height:auto !important;
    display:block !important;
}
.hf-section.coins-section .hf-coins-bg{
    position:absolute !important;
    inset:0 !important;
    z-index:0 !important;
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    filter:brightness(.55) saturate(1.2) !important;
}
.hf-section.coins-section .hf-coins-bg::after{
    content:'' !important;
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(180deg, rgba(6,5,10,.6) 0%, rgba(6,5,10,.75) 50%, rgba(6,5,10,.6) 100%) !important;
}

/* ГЛАВНЫЙ КОНТЕЙНЕР — 2 колонки */


/* ЛЕВО — только картинка */


.coin-left-img img{
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    display:block !important;
    animation:coinFloat 6s ease-in-out infinite !important;
}

    50%{transform:translateY(-15px) rotate(2deg);}
}

/* ПРАВО — контент */



.coin-title span{
    background:linear-gradient(135deg,#ff5757 0%,#ff2d55 50%,#9f1239 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
}


/* Блок "Вы получите" */











/* Слайдер */


.coin-slider::-webkit-slider-thumb{
    -webkit-appearance:none !important;
    width:26px !important;
    height:26px !important;
    border-radius:50% !important;
    background:radial-gradient(circle at 30% 30%,#fff,#ffc107) !important;
    border:3px solid #ff2d55 !important;
    cursor:pointer !important;
}
.coin-slider::-moz-range-thumb{
    width:26px !important;
    height:26px !important;
    border-radius:50% !important;
    background:radial-gradient(circle at 30% 30%,#fff,#ffc107) !important;
    border:3px solid #ff2d55 !important;
    cursor:pointer !important;
}


/* Быстрые кнопки */

.coin-quick-row button{
    flex:1 1 auto !important;
    min-width:64px !important;
    padding:10px 12px !important;
    background:rgba(255,255,255,.05) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:11px !important;
    color:#fff !important;
    font-family:'JetBrains Mono',monospace !important;
    font-size:13px !important;
    font-weight:700 !important;
    cursor:pointer !important;
    transition:background-color .15s ease !important;
}
.coin-quick-row button:hover{
    background:rgba(255,255,255,.12) !important;
}
.coin-quick-row button.active{
    background:rgba(255,45,85,.25) !important;
    border-color:rgba(255,45,85,.7) !important;
}

/* Поле ввода */

.coin-input-block label{
    font-family:'Space Grotesk',sans-serif !important;
    font-size:10px !important;
    font-weight:700 !important;
    letter-spacing:.15em !important;
    text-transform:uppercase !important;
    color:rgba(255,255,255,.5) !important;
}

.coin-input-row input{
    flex:1 !important;
    padding:12px 16px !important;
    background:rgba(10,6,15,.6) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:12px !important;
    color:#fff !important;
    font-family:'JetBrains Mono',monospace !important;
    font-size:14px !important;
    font-weight:700 !important;
    outline:none !important;
    box-sizing:border-box !important;
}
.coin-input-row input:focus{
    border-color:rgba(255,45,85,.6) !important;
}
.coin-input-row button{
    padding:12px 22px !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    border-radius:12px !important;
    color:#fff !important;
    font-family:'Space Grotesk',sans-serif !important;
    font-weight:800 !important;
    cursor:pointer !important;
}
.coin-input-row button:hover{
    background:rgba(255,255,255,.16) !important;
}

/* Большая кнопка */

.coin-buy-btn:hover{
    transform:translateY(-3px) !important;
}


.coin-shop-link:hover{
    color:#fff !important;
}


/* Мобильный */
@media(max-width:1024px){
    
    
    
    
    
    
}

/* ============ ЛОГОТИП В 2 РАЗА БОЛЬШЕ ============ */
.qh-logo-text{
    font-size:36px !important;
    letter-spacing:-.02em !important;
}
.qh-logo-q{
    width:52px !important;
    height:52px !important;
    font-size:26px !important;
    border-radius:14px !important;
}
/* На мобильном — чуть меньше, но тоже крупнее */
@media(max-width:900px){
    .qh-logo-text{font-size:24px !important;}
    .qh-logo-q{width:40px !important;height:40px !important;font-size:20px !important;}
}

/* Шапка прозрачнее */
.qh-header-inner{
    background:rgba(10,8,18,.35) !important;
    backdrop-filter:blur(24px) !important;
    -webkit-backdrop-filter:blur(24px) !important;
    border-color:rgba(255,255,255,.06) !important;
}