/* RudeHolm — внутренние страницы с vk-header (как главная) */

body.vk-body{
    --bg:var(--vk-bg);--bg-elevated:#131820;--glass:var(--vk-surface);
    --card:var(--vk-surface-2);--card-hover:rgba(28,34,48,.95);
    --accent:var(--vk-amber);--accent-dark:#8a6a28;--accent-glow:rgba(201,162,84,.32);
    --accent2:var(--vk-amber-bright);--gold:var(--vk-amber-bright);
    --white:var(--vk-text);--text:var(--vk-text);--muted:var(--vk-muted);
    --border:var(--vk-line);--border-strong:rgba(255,255,255,.12);
    --danger:var(--vk-bad);--radius:var(--vk-radius);--radius-sm:var(--vk-radius-sm);
    --shadow:var(--vk-shadow);--font:var(--vk-font);
}

.btn{border:none;cursor:pointer;font-weight:700;border-radius:var(--vk-radius-sm);font-family:var(--vk-font);transition:.2s}
.btn-g,.play-btn,.auth-btn{
    background:linear-gradient(135deg,var(--vk-amber-bright),var(--vk-amber),#8a6a28);
    color:#1a1208;padding:10px 22px;box-shadow:0 4px 20px rgba(201,162,84,.28);
}
.btn-g:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05)}
.btn-outline{background:transparent;color:var(--vk-text);border:1px solid var(--vk-line);padding:10px 22px}
.btn-d{background:rgba(248,113,113,.08);color:#f87171;border:1px solid rgba(248,113,113,.35);padding:10px 22px}
.btn-s{padding:8px 14px;font-size:.85rem}
.vk-card,.card,.cabinet-card{
    background:#12161f;
    border:1px solid var(--vk-line);border-radius:var(--vk-radius);box-shadow:var(--vk-shadow);
}

body.vk-body.vk-lk-page,
body.vk-body.vk-launcher-page{
    margin:0;
}

.vk-inner-main{
    max-width:var(--vk-max);
    margin:0 auto;
    padding:0 24px 56px;
}

.vk-inner-hero{
    max-width:var(--vk-max);
    margin:0 auto 32px;
    padding:8px 24px 0;
    text-align:center;
}
.vk-inner-hero .vk-eyebrow{
    margin:0 auto 14px;
    justify-content:center;
}
.vk-inner-hero h1{
    margin:0 0 12px;
    font-family:var(--vk-serif);
    font-size:clamp(2rem,4.5vw,2.75rem);
    font-weight:700;
    letter-spacing:-.02em;
    line-height:1.08;
    color:var(--vk-text);
}
.vk-inner-hero h1 span{color:var(--vk-amber-bright)}
.vk-inner-hero .vk-lead{
    margin:0 auto;
    max-width:560px;
    font-size:.98rem;
}

/* user-menu: teal → gold на vk-body */
body.vk-body .user-menu-trigger:hover,
body.vk-body .user-menu-wrap.open .user-menu-trigger{
    border-color:rgba(201,162,84,.42);
    background:rgba(201,162,84,.08);
    box-shadow:0 0 16px rgba(201,162,84,.18);
}
body.vk-body .user-menu-trigger img{border-color:var(--vk-amber)}
body.vk-body .user-menu-meta .user-menu-balance{color:var(--vk-amber-bright)}
body.vk-body .user-menu-wrap.open .user-menu-caret{color:var(--vk-amber-bright)}
body.vk-body .user-menu-drop{
    background:var(--vk-surface-2);
    border-color:var(--vk-line-gold);
}
body.vk-body .user-menu-bal-amount{color:var(--vk-amber-bright)}
body.vk-body .user-menu-topup{
    border-color:rgba(201,162,84,.35);
    background:rgba(201,162,84,.1);
    color:var(--vk-amber-bright);
}
body.vk-body .user-menu-topup:hover{
    background:rgba(201,162,84,.18);
    border-color:rgba(201,162,84,.5);
}
body.vk-body .um-pay-preset:hover,
body.vk-body .um-pay-preset.on{
    border-color:rgba(201,162,84,.45);
    background:rgba(201,162,84,.12);
    color:var(--vk-amber-bright);
}
body.vk-body .um-pay-input:focus{border-color:var(--vk-amber)}
body.vk-body .um-pay-go{
    background:linear-gradient(135deg,var(--vk-amber-bright),var(--vk-amber),#8a6a28);
    color:#1a1208;
}
body.vk-body .um-pay-box{
    border-color:var(--vk-line-gold);
    background:var(--vk-surface-2);
}

/* LK: заметные карточки */
body.vk-lk-page .cabinet-guest{
    border:1px solid rgba(201,162,84,.38)!important;
    border-radius:var(--vk-radius)!important;
    background:linear-gradient(165deg,rgba(201,162,84,.1),rgba(14,18,26,.95))!important;
    box-shadow:0 24px 64px rgba(0,0,0,.5),0 0 48px rgba(201,162,84,.08)!important;
}
body.vk-lk-page .lk-tabs{
    margin-bottom:28px;
    padding:6px;
    border-radius:999px;
    background:rgba(8,10,15,.72);
    border:1px solid var(--vk-line-gold);
    box-shadow:0 8px 32px rgba(0,0,0,.35);
}
body.vk-lk-page .lk-tab.on{
    background:rgba(201,162,84,.16)!important;
    border-color:rgba(201,162,84,.5)!important;
    color:var(--vk-amber-bright)!important;
}
body.vk-lk-page .cabinet-card,
body.vk-lk-page .retention-card{
    background:rgba(14,18,26,.96)!important;
    border-color:rgba(201,162,84,.22)!important;
}

.vk-inner-main--narrow{max-width:820px}

@media(max-width:720px){
    .vk-inner-main,.vk-inner-hero{padding-left:16px;padding-right:16px}
    .vk-header .vk-menu{display:none}
}