/* ─── 3SS Theme — Redesigned ─── */

:root {
    --bg: #14101F;
    --bg-alt: #1B1528;
    --bg-glass: rgba(255,255,255,0.04);
    --glass-border: rgba(255,255,255,0.08);
    --gold: #F0C040;
    --gold-dim: rgba(240,192,64,0.15);
    --green: #00E676;
    --purple: #A855F7;
    --purple-dim: rgba(168,85,247,0.12);
    --text: #F0EBF5;
    --text-dim: #9A8DB5;
    --font: 'Poppins', sans-serif;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
    font-family: var(--font);
    background: var(--bg);
    color: var(--text);
    line-height: 1.7;
    font-size: 16px;
    overflow-x: hidden;
}
a { color: var(--gold); text-decoration:none; transition: 0.2s; }
a:hover { color: var(--green); }
img { max-width:100%; height:auto; }

.wrap { max-width:1100px; margin:0 auto; padding:0 24px; }

/* ─── BUTTONS ─── */
.btn {
    display:inline-flex; align-items:center; gap:8px;
    padding:14px 32px; border-radius:50px; font-weight:600; font-size:0.9rem;
    transition:all 0.3s; cursor:pointer; border:none; font-family:var(--font);
}
.btn-glow {
    background: linear-gradient(135deg, var(--green), #00C853);
    color:#0a0a0a;
    box-shadow: 0 0 24px rgba(0,230,118,0.25);
}
.btn-glow:hover { transform:translateY(-2px); box-shadow:0 0 36px rgba(0,230,118,0.4); color:#0a0a0a; }
.btn-ghost {
    background:transparent; color:var(--text); border:1.5px solid var(--glass-border);
}
.btn-ghost:hover { border-color:var(--gold); color:var(--gold); }
.btn-gold {
    background: linear-gradient(135deg, var(--gold), #D4A830);
    color:#0a0a0a;
}
.btn-gold:hover { transform:translateY(-2px); color:#0a0a0a; }

/* ─── HEADER ─── */
.site-header {
    position:fixed; top:0; left:0; right:0; z-index:1000;
    padding:16px 0;
    transition: background 0.3s, padding 0.3s;
}
.site-header.scrolled {
    background: rgba(20,16,31,0.92);
    backdrop-filter: blur(20px);
    padding:10px 0;
    border-bottom: 1px solid var(--glass-border);
}
.header-inner {
    display:flex; align-items:center; justify-content:space-between;
}
.logo-text {
    font-size:1.6rem; font-weight:800; color:#fff; letter-spacing:1px;
}
.logo-accent { color:var(--gold); }
.main-nav { display:flex; gap:32px; }
.main-nav a {
    color:var(--text-dim); font-size:0.85rem; font-weight:500;
    letter-spacing:0.5px; text-transform:uppercase;
}
.main-nav a:hover, .main-nav a.active { color:#fff; }
.header-cta .btn { padding:10px 24px; font-size:0.82rem; }
.menu-toggle {
    display:none; flex-direction:column; gap:5px;
    background:none; border:none; cursor:pointer; padding:8px;
}
.menu-toggle span { width:22px; height:2px; background:var(--text); border-radius:2px; }

/* ─── HERO — Full viewport, centered, minimal ─── */
.hero {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    padding: 120px 24px 80px;
    background: url('../img/hero-home.webp') center/cover no-repeat;
}
.hero::before {
    content:'';
    position:absolute; inset:0;
    background:
        linear-gradient(180deg, rgba(20,16,31,0.92) 0%, rgba(27,21,40,0.85) 50%, var(--bg) 100%),
        radial-gradient(ellipse 600px 400px at 30% 40%, rgba(168,85,247,0.10), transparent),
        radial-gradient(ellipse 500px 300px at 70% 60%, rgba(240,192,64,0.06), transparent);
    pointer-events:none;
}
.hero-inner { position:relative; max-width:720px; }
.hero-badge {
    display:inline-flex; align-items:center; gap:8px;
    background: var(--purple-dim);
    border:1px solid rgba(168,85,247,0.2);
    padding:6px 18px; border-radius:50px;
    font-size:0.78rem; color:var(--purple); font-weight:500;
    margin-bottom:28px;
}
.hero h1 {
    font-size: 3.2rem;
    font-weight: 800;
    line-height: 1.15;
    margin-bottom: 20px;
    background: linear-gradient(135deg, #fff 30%, var(--gold));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.hero-sub {
    font-size:1.1rem; color:var(--text-dim);
    max-width:520px; margin:0 auto 36px;
    line-height:1.7;
}
.hero-buttons { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.hero-metrics {
    display:flex; justify-content:center; gap:48px;
    margin-top:56px; padding-top:40px;
    border-top: 1px solid var(--glass-border);
}
.metric strong {
    display:block; font-size:1.6rem; color:#fff; font-weight:700;
}
.metric span { font-size:0.78rem; color:var(--text-dim); text-transform:uppercase; letter-spacing:1px; }

/* ─── MARQUEE — horizontal scroll game strip ─── */
.game-strip {
    padding:48px 0;
    overflow:hidden;
    border-top: 1px solid var(--glass-border);
    border-bottom: 1px solid var(--glass-border);
    background: var(--bg-alt);
}
.strip-track {
    display:flex; gap:16px;
    animation: scroll-left 40s linear infinite;
    width: max-content;
}
.strip-item {
    flex-shrink:0;
    background: var(--bg-glass);
    border: 1px solid var(--glass-border);
    border-radius:16px;
    min-width:220px;
    overflow:hidden;
    transition: border-color 0.3s, transform 0.3s;
}
.strip-item:hover { border-color: var(--gold); transform:translateY(-4px); }
.strip-item img {
    width:100%; height:120px; object-fit:cover;
    display:block;
}
.strip-info { padding:12px 16px; }
.strip-item h3 { font-size:0.88rem; color:#fff; margin-bottom:3px; }
.strip-item .provider { font-size:0.72rem; color:var(--text-dim); display:block; }
.strip-item .rtp {
    display:inline-block; margin-top:6px;
    font-size:0.70rem; color:var(--green); font-weight:600;
    background: rgba(0,230,118,0.08);
    padding:2px 8px; border-radius:20px;
}

@keyframes scroll-left {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* ─── SPLIT SECTIONS — text left, visual right (alternating) ─── */
.split {
    padding: 100px 0;
}
.split-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
}
.split.reverse .split-inner {
    direction: rtl;
}
.split.reverse .split-inner > * {
    direction: ltr;
}
.split-text .label {
    font-size:0.72rem; text-transform:uppercase; letter-spacing:2px;
    color:var(--purple); font-weight:600; margin-bottom:12px;
}
.split-text h2 {
    font-size:2rem; font-weight:700; color:#fff;
    line-height:1.25; margin-bottom:16px;
}
.split-text p {
    color:var(--text-dim); font-size:0.92rem; line-height:1.8;
    margin-bottom:16px;
}
.split-text .btn { margin-top:8px; }

.split-visual {
    background: var(--bg-glass);
    border: 1px solid var(--glass-border);
    border-radius: 24px;
    padding: 40px;
    position: relative;
    overflow: hidden;
}
.split-visual::before {
    content:''; position:absolute; inset:0;
    background: radial-gradient(circle at 50% 50%, rgba(168,85,247,0.06), transparent 70%);
}

/* Feature list inside split */
.feat-list { list-style:none; padding:0; }
.feat-list li {
    display:flex; align-items:flex-start; gap:12px;
    padding:14px 0;
    border-bottom: 1px solid var(--glass-border);
    font-size:0.9rem; color:var(--text-dim);
    position:relative;
}
.feat-list li:last-child { border:none; }
.feat-icon {
    flex-shrink:0; width:36px; height:36px;
    background: var(--purple-dim);
    border-radius:10px;
    display:flex; align-items:center; justify-content:center;
    font-size:1.1rem;
}

/* VIP tiers inside split visual */
.tier-stack { display:flex; flex-direction:column; gap:12px; position:relative; }
.tier-bar {
    display:flex; justify-content:space-between; align-items:center;
    background: var(--bg);
    border: 1px solid var(--glass-border);
    border-radius:12px;
    padding:16px 20px;
    transition: border-color 0.3s;
}
.tier-bar:hover { border-color:var(--gold); }
.tier-bar.top { border-color:var(--gold); background:var(--gold-dim); }
.tier-bar .name { font-weight:600; color:#fff; }
.tier-bar .perk { font-size:0.82rem; color:var(--text-dim); }
.tier-bar.top .name { color:var(--gold); }

/* ─── FAQ — clean, no box ─── */
.faq-section {
    padding:100px 0;
    background: var(--bg-alt);
}
.faq-section h2 {
    text-align:center; font-size:2rem; color:#fff; margin-bottom:48px;
}
.faq-list { max-width:700px; margin:0 auto; }
.faq-item { border-bottom:1px solid var(--glass-border); }
.faq-question {
    width:100%; background:none; border:none;
    color:var(--text); font-size:0.95rem; font-weight:500;
    padding:20px 0; text-align:left; cursor:pointer;
    display:flex; justify-content:space-between; align-items:center;
    font-family:var(--font); transition:color 0.2s;
}
.faq-question:hover { color:var(--gold); }
.faq-arrow { font-size:0.65rem; color:var(--text-dim); transition:transform 0.3s; }
.faq-item.open .faq-arrow { transform:rotate(180deg); }
.faq-answer {
    max-height:0; overflow:hidden; transition:max-height 0.4s;
}
.faq-item.open .faq-answer { max-height:300px; }
.faq-answer p {
    color:var(--text-dim); font-size:0.88rem; line-height:1.8;
    padding-bottom:20px;
}

/* ─── SEO text — subtle ─── */
.seo-block {
    padding:80px 0;
}
.seo-block h2 {
    font-size:1.3rem; color:var(--text-dim); font-weight:600; margin-bottom:20px;
}
.seo-block p {
    color:var(--text-dim); font-size:0.88rem; line-height:1.9;
    margin-bottom:14px; opacity:0.8;
}
.seo-block a { color:var(--gold); opacity:1; }

/* ─── FOOTER ─── */
.site-footer {
    background:#0C0818;
    padding:56px 0 28px;
    border-top:1px solid var(--glass-border);
}
.footer-grid {
    display:grid; grid-template-columns:2fr 1fr 1fr 1fr;
    gap:40px; margin-bottom:40px;
}
.footer-brand .logo-text { font-size:1.3rem; display:block; margin-bottom:10px; }
.footer-brand p { color:var(--text-dim); font-size:0.78rem; line-height:1.7; }
.footer-links h4 { color:#fff; font-size:0.82rem; margin-bottom:14px; text-transform:uppercase; letter-spacing:1px; }
.footer-links a { display:block; color:var(--text-dim); font-size:0.78rem; margin-bottom:8px; }
.footer-links a:hover { color:var(--gold); }
.payment-badges { display:flex; flex-wrap:wrap; gap:6px; }
.badge {
    background:var(--bg-glass); color:var(--text-dim);
    font-size:0.7rem; padding:4px 10px; border-radius:4px;
    border:1px solid var(--glass-border);
}
.footer-bottom {
    border-top:1px solid var(--glass-border); padding-top:20px; text-align:center;
}
.footer-bottom p { color:var(--text-dim); font-size:0.72rem; margin-bottom:4px; }

/* ─── BACK TO TOP ─── */
.back-to-top {
    position:fixed; bottom:28px; right:28px;
    width:42px; height:42px;
    background:var(--gold); color:#0a0a0a;
    border:none; border-radius:50%;
    font-size:1.1rem; cursor:pointer;
    opacity:0; visibility:hidden;
    transition:all 0.3s; z-index:999;
}
.back-to-top.visible { opacity:1; visibility:visible; }

/* ═══════════════════════════════════════ */
/* ─── PAGE TEMPLATES — Inner Pages ─── */
/* ═══════════════════════════════════════ */

/* Breadcrumb */
.breadcrumb { font-size:0.78rem; margin-bottom:16px; }
.breadcrumb a { color:var(--text-dim); }
.breadcrumb a:hover { color:var(--gold); }
.breadcrumb .sep { color:var(--text-dim); margin:0 8px; opacity:0.4; }
.breadcrumb .current { color:var(--gold); }

/* Page Hero */
.page-hero {
    padding:140px 0 48px;
    text-align:center;
    background: linear-gradient(180deg, var(--bg) 0%, var(--bg-alt) 100%);
    border-bottom:1px solid var(--glass-border);
}
.page-hero h1 { font-size:2.2rem; font-weight:700; color:#fff; margin-bottom:12px; }
.page-hero .hero-desc { color:var(--text-dim); max-width:560px; margin:0 auto; font-size:0.92rem; line-height:1.7; }

/* Single Hero */
.single-hero {
    padding:120px 0 0;
    background:var(--bg);
}

/* Content Layout (main + sidebar) */
.content-layout {
    display:grid;
    grid-template-columns:1fr 300px;
    gap:48px;
    align-items:flex-start;
}

/* ─── Page Content ─── */
.page-content { padding:48px 0 80px; }
.page-content h2 { font-size:1.3rem; color:var(--gold); margin:32px 0 12px; font-weight:600; }
.page-content h3 { font-size:1.1rem; color:#fff; margin:24px 0 10px; font-weight:600; }
.page-content p, .page-content li {
    color:var(--text-dim); font-size:0.92rem; line-height:1.8; margin-bottom:14px;
}
.page-content ul, .page-content ol { padding-left:22px; margin-bottom:16px; }
.page-content ul li { list-style:disc; }
.page-content ol li { list-style:decimal; }

/* ─── Sidebar ─── */
.page-sidebar { position:sticky; top:100px; }
.sidebar-card {
    background:var(--bg-glass);
    border:1px solid var(--glass-border);
    border-radius:16px;
    padding:24px;
    margin-bottom:20px;
}
.sidebar-card h4 {
    color:#fff; font-size:0.85rem; font-weight:600;
    text-transform:uppercase; letter-spacing:1px;
    margin-bottom:14px; padding-bottom:10px;
    border-bottom:1px solid var(--glass-border);
}
.sidebar-card a:not(.btn):not(.tag-pill) {
    display:block; color:var(--text-dim); font-size:0.82rem;
    padding:8px 0; border-bottom:1px solid rgba(255,255,255,0.03);
    transition:color 0.2s;
}
.sidebar-card a:not(.btn):not(.tag-pill):hover { color:var(--gold); }
.sidebar-card a:not(.btn):not(.tag-pill):last-child { border:none; }
.sidebar-post-link { display:block; color:var(--text-dim); font-size:0.82rem; padding:8px 0; border-bottom:1px solid rgba(255,255,255,0.03); }
.sidebar-post-link:hover { color:var(--gold); }
.sidebar-tags { display:flex; flex-wrap:wrap; gap:6px; }
.sidebar-cta { text-align:center; background:var(--purple-dim); border-color:rgba(168,85,247,0.15); }
.sidebar-cta .cta-icon { font-size:2rem; display:block; margin-bottom:8px; }
.sidebar-cta h4 { border:none; padding:0; margin-bottom:8px; }
.sidebar-cta p { color:var(--text-dim); font-size:0.82rem; margin-bottom:16px; }
.btn-sm { padding:10px 24px; font-size:0.82rem; }

/* ─── Single Post ─── */
.single-content { padding:20px 0 80px; }
.entry-main { min-width:0; }
.featured-img {
    border-radius:16px; overflow:hidden; margin-bottom:28px;
    border:1px solid var(--glass-border);
}
.featured-img img { display:block; width:100%; height:auto; }
.post-header { margin-bottom:32px; }
.single-content h1 { font-size:1.9rem; color:#fff; margin-bottom:16px; line-height:1.3; }
.post-meta-bar {
    display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;
    padding:16px 0;
    border-top:1px solid var(--glass-border);
    border-bottom:1px solid var(--glass-border);
}
.meta-author { display:flex; align-items:center; gap:10px; }
.author-avatar {
    width:40px; height:40px; border-radius:50%;
    background:var(--gold-dim); display:flex; align-items:center; justify-content:center;
    font-size:1rem; color:var(--gold); flex-shrink:0;
}
.author-name { color:var(--gold); font-size:0.85rem; font-weight:600; display:block; }
.meta-date { color:var(--text-dim); font-size:0.78rem; }
.meta-right { display:flex; gap:16px; }
.read-time, .updated { color:var(--text-dim); font-size:0.78rem; }

/* Entry Content Rich Styles */
.entry-content p {
    color:var(--text-dim); font-size:0.93rem; line-height:1.85; margin-bottom:18px;
}
.entry-content h2 {
    color:#fff; font-size:1.4rem; font-weight:700;
    margin:40px 0 16px; padding-top:16px;
    border-top:1px solid var(--glass-border);
}
.entry-content h3 {
    color:var(--gold); font-size:1.1rem; font-weight:600;
    margin:28px 0 12px;
}
.entry-content h4 {
    color:#fff; font-size:0.98rem; font-weight:600; margin:20px 0 8px;
}
.entry-content img {
    border-radius:12px; margin:20px 0;
    border:1px solid var(--glass-border);
}
.entry-content ul, .entry-content ol {
    padding-left:22px; margin-bottom:18px;
}
.entry-content li {
    color:var(--text-dim); font-size:0.92rem; line-height:1.8;
    margin-bottom:6px;
}
.entry-content ul li { list-style:disc; }
.entry-content ol li { list-style:decimal; }
.entry-content blockquote {
    border-left:3px solid var(--gold);
    padding:16px 24px; margin:24px 0;
    background:var(--bg-glass);
    border-radius:0 12px 12px 0;
}
.entry-content blockquote p { color:var(--text); font-style:italic; margin:0; }
.entry-content table {
    width:100%; border-collapse:collapse; margin:20px 0;
    font-size:0.88rem;
}
.entry-content th {
    background:var(--bg-alt); color:var(--gold);
    padding:12px 14px; text-align:left; font-weight:600;
    border-bottom:2px solid var(--glass-border);
}
.entry-content td {
    padding:10px 14px; color:var(--text-dim);
    border-bottom:1px solid var(--glass-border);
}
.entry-content tr:hover td { background:var(--bg-glass); }
.entry-content a { color:var(--gold); text-decoration:underline; text-underline-offset:3px; }
.entry-content a:hover { color:var(--green); }
.entry-content strong { color:var(--text); }
.entry-content em { color:var(--text-dim); font-size:0.85rem; }
.entry-content hr {
    border:none; height:1px; background:var(--glass-border); margin:32px 0;
}

/* Tags */
.post-tags { display:flex; flex-wrap:wrap; gap:8px; margin:32px 0; padding-top:20px; border-top:1px solid var(--glass-border); }
.tag-pill {
    background:var(--purple-dim); color:var(--purple);
    font-size:0.75rem; font-weight:500;
    padding:5px 14px; border-radius:50px;
    border:1px solid rgba(168,85,247,0.15);
    transition:all 0.2s;
}
.tag-pill:hover { background:rgba(168,85,247,0.2); color:#c084fc; text-decoration:none; }

/* Author Box */
.author-box {
    display:flex; gap:16px; align-items:flex-start;
    margin-top:40px; padding:28px;
    background:var(--bg-glass); border:1px solid var(--glass-border);
    border-radius:16px;
}
.author-box-avatar {
    width:56px; height:56px; border-radius:50%;
    background:var(--gold-dim); display:flex; align-items:center; justify-content:center;
    font-size:1.4rem; color:var(--gold); flex-shrink:0;
}
.author-box-label { font-size:0.72rem; color:var(--text-dim); text-transform:uppercase; letter-spacing:1px; }
.author-box-name { display:block; color:#fff; font-size:1rem; font-weight:600; margin:2px 0 6px; }
.author-box-bio { color:var(--text-dim); font-size:0.82rem; line-height:1.7; margin:0; }

/* Related Posts */
.related-section { margin-top:48px; padding-top:32px; border-top:1px solid var(--glass-border); }
.related-section h3 { color:#fff; font-size:1.1rem; margin-bottom:20px; }
.related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.related-card {
    background:var(--bg-glass); border:1px solid var(--glass-border);
    border-radius:12px; overflow:hidden; transition:border-color 0.3s;
}
.related-card:hover { border-color:var(--gold); text-decoration:none; }
.related-thumb { height:120px; overflow:hidden; }
.related-thumb img { width:100%; height:100%; object-fit:cover; }
.related-card h4 { color:#fff; font-size:0.85rem; padding:12px 14px 4px; line-height:1.4; }
.related-card .related-date { color:var(--text-dim); font-size:0.72rem; padding:0 14px 12px; display:block; }

/* ─── Archive / Blog Grid ─── */
.archive-content { padding:48px 0 80px; }
.section-title { color:#fff; font-size:1.2rem; margin-bottom:24px; }
.posts-grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.post-card-v2 {
    background:var(--bg-glass); border:1px solid var(--glass-border);
    border-radius:16px; overflow:hidden;
    transition:border-color 0.3s, transform 0.3s;
}
.post-card-v2:hover { border-color:var(--gold); transform:translateY(-4px); }
.card-thumb { display:block; height:180px; overflow:hidden; }
.card-thumb img { width:100%; height:100%; object-fit:cover; transition:transform 0.4s; }
.post-card-v2:hover .card-thumb img { transform:scale(1.05); }
.card-thumb-placeholder {
    background:var(--bg-alt); display:flex; align-items:center; justify-content:center;
    font-size:2rem; color:var(--text-dim);
}
.card-body { padding:20px; }
.card-meta { font-size:0.72rem; color:var(--text-dim); margin-bottom:8px; display:flex; gap:12px; }
.card-author { color:var(--gold); font-weight:500; }
.card-body h3 { font-size:0.95rem; margin-bottom:8px; line-height:1.4; }
.card-body h3 a { color:#fff; }
.card-body h3 a:hover { color:var(--gold); }
.card-excerpt { color:var(--text-dim); font-size:0.82rem; line-height:1.6; margin-bottom:12px; }
.card-link { color:var(--green); font-size:0.82rem; font-weight:500; }
.card-link:hover { color:var(--gold); }

/* Pagination */
.pagination-wrap { margin-top:48px; text-align:center; }
.pagination-wrap .nav-links { display:flex; justify-content:center; gap:8px; }
.pagination-wrap .page-numbers {
    display:inline-flex; align-items:center; justify-content:center;
    width:40px; height:40px; border-radius:10px;
    background:var(--bg-glass); border:1px solid var(--glass-border);
    color:var(--text-dim); font-size:0.85rem; transition:all 0.2s;
}
.pagination-wrap .page-numbers:hover { border-color:var(--gold); color:var(--gold); }
.pagination-wrap .page-numbers.current { background:var(--gold); color:#0a0a0a; border-color:var(--gold); font-weight:600; }
.pagination-wrap .prev, .pagination-wrap .next { width:auto; padding:0 16px; font-size:0.8rem; }

/* Author Hero */
.author-hero { display:flex; align-items:center; gap:20px; text-align:left; justify-content:center; }
.author-hero-avatar {
    width:72px; height:72px; border-radius:50%;
    background:var(--gold-dim); display:flex; align-items:center; justify-content:center;
    font-size:1.8rem; color:var(--gold); flex-shrink:0;
}
.author-stats { margin-top:8px; }
.author-stats span { color:var(--text-dim); font-size:0.82rem; background:var(--bg-glass); padding:4px 14px; border-radius:50px; }

/* 404 */
.error-404 {
    min-height:100vh; display:flex; align-items:center; justify-content:center;
    text-align:center; padding:120px 24px;
}
.error-code {
    font-size:8rem; font-weight:800; color:var(--gold); opacity:0.15;
    display:block; line-height:1;
}
.error-404 h1 { font-size:2rem; color:#fff; margin:16px 0; }
.error-404 p { color:var(--text-dim); margin-bottom:28px; }
.error-actions { display:flex; gap:12px; justify-content:center; }

/* No posts */
.no-posts { text-align:center; padding:60px 0; }
.no-posts p { color:var(--text-dim); margin-bottom:20px; }

/* ─── Page Meta & TOC (shared) ─── */
.page-meta-line {
    display:flex; gap:24px; justify-content:center; margin-top:24px;
    font-size:0.8rem; color:var(--text-dim);
}
.page-meta-line strong { color:var(--text); }

.toc-section { padding:16px 0; }
.toc-box {
    background:var(--bg-glass); border:1px solid var(--glass-border);
    border-radius:14px; padding:16px 24px; display:flex; align-items:center; gap:20px; flex-wrap:wrap;
}
.toc-title { font-size:0.82rem; color:var(--text-dim); font-weight:600; white-space:nowrap; }
.toc-links { display:flex; gap:12px; flex-wrap:wrap; }
.toc-links a {
    font-size:0.78rem; color:var(--gold); padding:6px 16px;
    border-radius:50px; background:var(--gold-dim); border:1px solid rgba(240,192,64,0.15);
    transition:all 0.2s;
}
.toc-links a:hover { background:var(--gold); color:#0a0a0a; }

/* ─── Compact Hero ─── */
.hero.compact { min-height:auto; padding:120px 20px 48px; }

/* ─── Homepage Long-form Content ─── */
.hp-content { padding:56px 0; }
.hp-wrap { max-width:820px; }
.hp-block { margin-bottom:48px; }
.hp-block h2 {
    font-size:1.4rem; color:#fff; font-weight:700; margin-bottom:16px;
    padding-bottom:10px; border-bottom:1px solid var(--glass-border);
}
.hp-block-img {
    width:100%; height:auto; max-height:320px; object-fit:cover;
    border-radius:14px; margin-bottom:20px;
    border:1px solid var(--glass-border);
}
.hp-block h3 {
    font-size:1.1rem; color:var(--gold); font-weight:600;
    margin-top:28px; margin-bottom:12px;
}
.hp-block p {
    color:var(--text-dim); font-size:0.92rem; line-height:1.9;
    margin-bottom:16px;
}
.hp-block a { color:var(--gold); }
.hp-block a:hover { color:var(--green); }
.hp-list {
    list-style:none; padding:0; margin:16px 0;
}
.hp-list li {
    color:var(--text-dim); font-size:0.9rem; line-height:1.8;
    padding:12px 0 12px 20px; position:relative;
    border-bottom:1px solid rgba(255,255,255,0.03);
}
.hp-list li:last-child { border:none; }
.hp-list li::before {
    content:''; position:absolute; left:0; top:20px;
    width:6px; height:6px; border-radius:50%;
    background:var(--gold);
}
.hp-list li strong { color:#fff; }

/* ═══════════════════════════════════════ */
/* ─── CONTENT HUB (Homepage) ─── */
/* ═══════════════════════════════════════ */
.content-hub { padding:56px 0; }
.hub-header { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:28px; }
.hub-header h2 { font-size:1.5rem; color:#fff; font-weight:700; margin-bottom:4px; }
.hub-header p { color:var(--text-dim); font-size:0.88rem; }
.hub-link { font-size:0.85rem; color:var(--gold); font-weight:600; white-space:nowrap; }
.hub-link:hover { color:var(--green); }

/* Featured row: 1 large card + side list */
.hub-featured-row {
    display:grid; grid-template-columns:1.4fr 1fr; gap:20px; margin-bottom:24px;
}
.hub-card-lg {
    background:var(--bg-glass); border:1px solid var(--glass-border);
    border-radius:18px; overflow:hidden; transition:border-color 0.3s;
}
.hub-card-lg:hover { border-color:var(--gold); }
.hub-card-img { display:block; height:220px; overflow:hidden; }
.hub-card-img img { width:100%; height:100%; object-fit:cover; transition:transform 0.4s; }
.hub-card-lg:hover .hub-card-img img { transform:scale(1.05); }
.hub-card-placeholder {
    background:linear-gradient(135deg, var(--bg-alt), var(--purple-dim));
    display:flex; align-items:center; justify-content:center;
}
.hub-card-placeholder span { font-size:3rem; opacity:0.3; }
.hub-card-body { padding:20px 22px; }
.hub-tag {
    display:inline-block; font-size:0.68rem; font-weight:600; text-transform:uppercase;
    color:var(--purple); background:var(--purple-dim); padding:3px 10px;
    border-radius:50px; margin-bottom:8px; letter-spacing:0.5px;
}
.hub-card-body h3 { font-size:1.1rem; line-height:1.4; margin-bottom:8px; }
.hub-card-body h3 a { color:#fff; }
.hub-card-body h3 a:hover { color:var(--gold); }
.hub-excerpt { font-size:0.82rem; color:var(--text-dim); line-height:1.6; margin-bottom:12px; }
.hub-meta { font-size:0.75rem; color:var(--text-dim); display:flex; gap:16px; }
.hub-author { color:var(--text); font-weight:500; }

/* Side list */
.hub-side-list {
    display:flex; flex-direction:column; gap:0;
    background:var(--bg-glass); border:1px solid var(--glass-border);
    border-radius:18px; overflow:hidden;
}
.hub-list-item {
    display:flex; gap:14px; align-items:flex-start; padding:18px 20px;
    border-bottom:1px solid var(--glass-border); transition:background 0.2s;
}
.hub-list-item:last-child { border:none; }
.hub-list-item:hover { background:rgba(255,255,255,0.02); }
.hub-list-num {
    font-size:1.3rem; font-weight:800; color:var(--gold); opacity:0.5;
    min-width:24px; line-height:1;
}
.hub-list-item h4 { font-size:0.88rem; line-height:1.4; margin-bottom:4px; }
.hub-list-item h4 a { color:#fff; }
.hub-list-item h4 a:hover { color:var(--gold); }
.hub-meta-sm { font-size:0.72rem; color:var(--text-dim); }

/* 4-col card grid */
.hub-grid-4 { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.hub-card-sm {
    background:var(--bg-glass); border:1px solid var(--glass-border);
    border-radius:14px; overflow:hidden; transition:border-color 0.3s;
}
.hub-card-sm:hover { border-color:var(--gold); }
.hub-card-img-sm { display:block; height:120px; overflow:hidden; }
.hub-card-img-sm img { width:100%; height:100%; object-fit:cover; }
.hub-card-body-sm { padding:14px 16px; }
.hub-tag-sm {
    display:inline-block; font-size:0.62rem; font-weight:600; text-transform:uppercase;
    color:var(--green); background:rgba(0,230,118,0.08); padding:2px 8px;
    border-radius:50px; margin-bottom:6px;
}
.hub-card-body-sm h4 { font-size:0.82rem; line-height:1.4; margin-bottom:6px; }
.hub-card-body-sm h4 a { color:#fff; }
.hub-card-body-sm h4 a:hover { color:var(--gold); }

/* ─── Quick Nav ─── */
.quick-nav-section { padding:56px 0; background:var(--bg-alt); }
.quick-nav-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:14px; }
.qnav-card {
    background:var(--bg-glass); border:1px solid var(--glass-border);
    border-radius:16px; padding:24px 18px; text-align:center;
    transition:border-color 0.3s, transform 0.3s; display:flex;
    flex-direction:column; align-items:center; gap:6px; color:var(--text);
}
.qnav-card:hover { border-color:var(--gold); transform:translateY(-4px); color:var(--text); }
.qnav-icon { font-size:2rem; }
.qnav-card strong { color:#fff; font-size:0.9rem; }
.qnav-card span:last-child { font-size:0.72rem; color:var(--text-dim); }

/* ─── Games Table Section ─── */
.games-table-section { padding:56px 0; background:var(--bg-alt); }
.games-table td:nth-child(1) { color:var(--gold); font-weight:700; width:40px; }
.games-table td:nth-child(2) { text-align:left; }

/* ─── Tags Cloud ─── */
.tags-section { padding:48px 0; }
.tags-cloud { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.tag-pill {
    display:inline-flex; align-items:center; gap:6px;
    background:var(--purple-dim); color:var(--purple);
    border:1px solid rgba(168,85,247,0.15); border-radius:50px;
    padding:8px 18px; font-size:0.78rem; font-weight:500;
    transition:all 0.2s;
}
.tag-pill:hover { background:var(--purple); color:#fff; }
.tag-count {
    background:rgba(255,255,255,0.1); padding:1px 6px;
    border-radius:50px; font-size:0.65rem;
}

/* ─── Authors Section ─── */
.authors-section { padding:56px 0; background:var(--bg-alt); }
.authors-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; max-width:700px; margin:0 auto; }
.author-card-hp {
    background:var(--bg-glass); border:1px solid var(--glass-border);
    border-radius:18px; padding:28px 24px; text-align:center;
}
.author-avatar-hp { font-size:2.4rem; margin-bottom:8px; }
.author-card-hp h3 { color:#fff; font-size:1rem; margin-bottom:2px; }
.author-role-hp { display:block; font-size:0.75rem; color:var(--gold); font-weight:600; margin-bottom:10px; }
.author-card-hp p { font-size:0.82rem; color:var(--text-dim); line-height:1.6; margin-bottom:12px; }
.author-stat-hp { font-size:0.72rem; color:var(--text-dim); }

/* ═══════════════════════════════════════ */
/* ─── JOGOS PAGE — Redesigned ─── */
/* ═══════════════════════════════════════ */
.jogos-hero {
    padding:140px 0 56px; text-align:center;
    background: url('../img/hero-jogos.webp') center/cover no-repeat;
    position:relative;
    border-bottom:1px solid var(--glass-border);
}
.jogos-hero::before {
    content:''; position:absolute; inset:0;
    background: linear-gradient(180deg, rgba(20,16,31,0.93) 0%, rgba(27,21,40,0.88) 60%, var(--bg-alt) 100%);
}
.jogos-hero .wrap { position:relative; z-index:1; }
.jogos-hero h1 {
    font-size:2.6rem; font-weight:800; margin-bottom:14px;
    background: linear-gradient(135deg, #fff 30%, var(--gold));
    -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.jogos-hero .hero-sub { color:var(--text-dim); max-width:560px; margin:0 auto; font-size:0.95rem; }

.jogos-cats { padding:20px 0; background:var(--bg); border-bottom:1px solid var(--glass-border); position:sticky; top:56px; z-index:50; }
.cat-tabs { display:flex; gap:8px; justify-content:center; flex-wrap:wrap; }
.cat-tab {
    background:var(--bg-glass); border:1px solid var(--glass-border);
    color:var(--text-dim); font-size:0.82rem; font-weight:500;
    padding:10px 24px; border-radius:50px; cursor:pointer;
    font-family:var(--font); transition:all 0.2s;
}
.cat-tab:hover { border-color:var(--gold); color:var(--gold); }
.cat-tab.active { background:var(--gold); color:#0a0a0a; border-color:var(--gold); font-weight:600; }

.jogos-section { padding:56px 0; }
.jogos-section.alt { background:var(--bg-alt); }
.section-header { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:28px; }
.section-header h2 { font-size:1.5rem; color:#fff; font-weight:700; margin-bottom:4px; }
.section-header p { color:var(--text-dim); font-size:0.88rem; }

.jogos-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.jogo-card {
    background:var(--bg-glass); border:1px solid var(--glass-border);
    border-radius:18px; overflow:hidden;
    transition:border-color 0.3s, transform 0.3s;
}
.jogo-card:hover { border-color:var(--gold); transform:translateY(-6px); }
.jogo-visual {
    height:160px; display:flex; align-items:center; justify-content:center;
    position:relative; overflow:hidden;
}
.jogo-visual img {
    width:100%; height:100%; object-fit:cover;
    transition:transform 0.3s ease;
}
.jogo-card:hover .jogo-visual img { transform:scale(1.05); }
.jogo-badge-vol, .jogo-badge-type {
    position:absolute; top:10px; right:10px;
    background:rgba(0,0,0,0.4); backdrop-filter:blur(8px);
    color:#fff; font-size:0.65rem; font-weight:600;
    padding:3px 10px; border-radius:50px;
}
.jogo-body { padding:16px 18px; }
.jogo-body h3 { font-size:0.92rem; color:#fff; margin-bottom:2px; }
.jogo-prov { display:block; font-size:0.72rem; color:var(--text-dim); margin-bottom:8px; }
.jogo-desc { font-size:0.78rem; color:var(--text-dim); line-height:1.5; margin-bottom:12px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.jogo-stats { display:flex; gap:8px; }
.stat-rtp, .stat-max {
    font-size:0.72rem; font-weight:600; padding:4px 10px; border-radius:8px;
}
.stat-rtp { background:rgba(0,230,118,0.1); color:var(--green); }
.stat-max { background:var(--gold-dim); color:var(--gold); }
.stat-label { opacity:0.6; font-weight:400; margin-right:2px; }

.center-title { text-align:center; font-size:1.5rem; color:#fff; margin-bottom:8px; }
.center-desc { text-align:center; color:var(--text-dim); font-size:0.9rem; margin-bottom:32px; max-width:560px; margin-left:auto; margin-right:auto; }
.providers-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.provider-card {
    background:var(--bg-glass); border:1px solid var(--glass-border);
    border-radius:14px; padding:20px; transition:border-color 0.3s;
}
.provider-card:hover { border-color:var(--purple); }
.provider-card h4 { color:#fff; font-size:0.9rem; margin-bottom:10px; }
.provider-meta { display:flex; flex-direction:column; gap:4px; }
.provider-meta span { font-size:0.75rem; color:var(--text-dim); }

/* ═══════════════════════════════════════ */
/* ─── VIP PAGE — Redesigned ─── */
/* ═══════════════════════════════════════ */
.vip-hero-new {
    padding:140px 0 56px; text-align:center;
    background: url('../img/hero-vip.webp') center/cover no-repeat;
    position:relative;
    border-bottom:1px solid var(--glass-border);
}
.vip-hero-new::before {
    content:''; position:absolute; inset:0;
    background: linear-gradient(180deg, rgba(20,16,31,0.92) 0%, rgba(26,18,37,0.90) 60%, #1a1225 100%);
}
.vip-hero-new .wrap { position:relative; z-index:1; }
.vip-hero-new h1 {
    font-size:2.6rem; font-weight:800; margin-bottom:14px;
    background: linear-gradient(135deg, var(--gold), #FFD700);
    -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.vip-hero-new .hero-sub { color:var(--text-dim); max-width:560px; margin:0 auto; font-size:0.95rem; }

.vip-steps { padding:64px 0; background:var(--bg-alt); border-bottom:1px solid var(--glass-border); }
.steps-row { display:flex; align-items:flex-start; justify-content:center; gap:16px; }
.step-item {
    background:var(--bg-glass); border:1px solid var(--glass-border);
    border-radius:18px; padding:28px 24px; text-align:center;
    flex:1; max-width:260px;
}
.step-num {
    display:inline-flex; align-items:center; justify-content:center;
    width:44px; height:44px; border-radius:50%;
    background:var(--gold); color:#0a0a0a; font-weight:800; font-size:1.1rem;
    margin-bottom:14px;
}
.step-item h3 { color:#fff; font-size:0.95rem; margin-bottom:8px; }
.step-item p { color:var(--text-dim); font-size:0.82rem; line-height:1.6; }
.step-arrow { color:var(--gold); font-size:1.8rem; margin-top:48px; }

.vip-tiers { padding:64px 0; }
.tiers-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.tier-card {
    background:var(--bg-glass); border:1px solid var(--glass-border);
    border-radius:20px; padding:0; overflow:hidden;
    transition:border-color 0.3s, transform 0.3s; position:relative;
}
.tier-card:hover { transform:translateY(-4px); }
.tier-card.featured { border-color:var(--gold); box-shadow:0 0 48px rgba(240,192,64,0.12); }
.tier-featured-badge {
    position:absolute; top:0; left:0; right:0;
    background:var(--gold); color:#0a0a0a; text-align:center;
    font-size:0.72rem; font-weight:700; padding:6px; letter-spacing:1px;
}
.tier-header { padding:32px 24px 16px; text-align:center; }
.tier-card.featured .tier-header { padding-top:48px; }
.tier-icon { font-size:2.4rem; display:block; margin-bottom:8px; }
.tier-header h3 { color:#fff; font-size:1.2rem; margin-bottom:4px; }
.tier-card.featured .tier-header h3 { color:var(--gold); }
.tier-req { font-size:0.75rem; color:var(--text-dim); }
.tier-perks { list-style:none; padding:0 24px 24px; }
.tier-perks li {
    color:var(--text-dim); font-size:0.82rem; padding:10px 0;
    border-bottom:1px solid var(--glass-border);
}
.tier-perks li:last-child { border:none; }
.tier-perks li::before { content:'✓ '; color:var(--green); font-weight:700; }
.tier-perks li strong { color:#fff; }

.vip-compare { padding:64px 0; background:var(--bg-alt); }
.compare-table-wrap { overflow-x:auto; }
.compare-table {
    width:100%; border-collapse:collapse; font-size:0.85rem;
    background:var(--bg-glass); border-radius:16px; overflow:hidden;
}
.compare-table th {
    background:var(--bg); color:var(--text-dim);
    padding:16px 18px; text-align:center; font-weight:600; font-size:0.82rem;
    border-bottom:2px solid var(--glass-border);
}
.compare-table th:first-child { text-align:left; }
.compare-table th.highlight { color:var(--gold); }
.compare-table td {
    padding:14px 18px; text-align:center; color:var(--text-dim);
    border-bottom:1px solid var(--glass-border);
}
.compare-table td:first-child { text-align:left; color:var(--text); font-weight:500; }
.compare-table td.highlight { color:var(--gold); font-weight:600; }
.compare-table tr:hover td { background:rgba(255,255,255,0.02); }

/* ═══════════════════════════════════════ */
/* ─── TRUST PAGE — Redesigned ─── */
/* ═══════════════════════════════════════ */
.trust-hero-new {
    padding:140px 0 56px; text-align:center;
    background: url('../img/hero-trust.webp') center/cover no-repeat;
    position:relative;
    border-bottom:1px solid var(--glass-border);
}
.trust-hero-new::before {
    content:''; position:absolute; inset:0;
    background: linear-gradient(180deg, rgba(20,16,31,0.92) 0%, rgba(27,21,40,0.88) 60%, var(--bg-alt) 100%);
}
.trust-hero-new .wrap { position:relative; z-index:1; }
.trust-hero-new h1 {
    font-size:2.6rem; font-weight:800; margin-bottom:14px;
    background: linear-gradient(135deg, #fff 30%, var(--green));
    -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.trust-hero-new .hero-sub { color:var(--text-dim); max-width:560px; margin:0 auto 36px; font-size:0.95rem; }

.trust-score-box {
    display:flex; align-items:center; gap:40px;
    max-width:600px; margin:0 auto;
    background:var(--bg-glass); border:1px solid var(--glass-border);
    border-radius:20px; padding:32px 36px;
}
.trust-score-ring { text-align:center; flex-shrink:0; }
.score-value { font-size:3.2rem; font-weight:800; color:var(--green); }
.score-max { font-size:1.2rem; color:var(--text-dim); }
.trust-score-details { flex:1; }
.score-bar { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
.bar-label { font-size:0.75rem; color:var(--text-dim); width:85px; flex-shrink:0; }
.bar-track { flex:1; height:6px; background:var(--bg); border-radius:3px; overflow:hidden; }
.bar-fill { height:100%; background:linear-gradient(90deg, var(--green), #00C853); border-radius:3px; }
.bar-val { font-size:0.75rem; color:var(--green); font-weight:600; width:28px; text-align:right; }

.trust-badges-section { padding:40px 0; background:var(--bg-alt); border-bottom:1px solid var(--glass-border); }
.trust-badges-row { display:flex; justify-content:center; gap:16px; flex-wrap:wrap; }
.t-badge {
    background:var(--bg-glass); border:1px solid var(--glass-border);
    border-radius:14px; padding:20px 24px; text-align:center; min-width:140px;
    transition:border-color 0.3s;
}
.t-badge:hover { border-color:var(--green); }
.t-badge-icon { font-size:1.8rem; display:block; margin-bottom:6px; }
.t-badge-title { display:block; color:#fff; font-size:0.82rem; font-weight:600; margin-bottom:2px; }
.t-badge-sub { font-size:0.7rem; color:var(--text-dim); }

.trust-analysis { padding:64px 0; }
.trust-split {
    display:grid; grid-template-columns:1fr 320px; gap:48px; align-items:center;
    padding:48px 0; border-bottom:1px solid var(--glass-border);
}
.trust-split:last-child { border:none; }
.trust-split.reverse { direction:rtl; }
.trust-split.reverse > * { direction:ltr; }
.trust-label {
    font-size:0.72rem; text-transform:uppercase; letter-spacing:2px;
    color:var(--green); font-weight:600; margin-bottom:8px; display:block;
}
.trust-split-text h3 { font-size:1.3rem; color:#fff; font-weight:700; margin-bottom:12px; }
.trust-split-text p { color:var(--text-dim); font-size:0.9rem; line-height:1.8; margin-bottom:12px; }
.trust-split-text a { color:var(--gold); }
.trust-checklist { list-style:none; padding:0; margin-top:16px; }
.trust-checklist li {
    color:var(--text-dim); font-size:0.85rem; padding:8px 0;
    border-bottom:1px solid rgba(255,255,255,0.03);
}
.trust-checklist li:last-child { border:none; }
.trust-checklist li::before { content:'✅ '; }
.trust-checklist li a { color:var(--gold); }

.trust-split-visual { display:flex; flex-direction:column; gap:14px; }
.trust-stat-card {
    background:var(--bg-glass); border:1px solid var(--glass-border);
    border-radius:16px; padding:24px; text-align:center;
}
.stat-big { display:block; font-size:2.2rem; font-weight:800; color:#fff; line-height:1; }
.stat-unit { display:block; font-size:0.82rem; color:var(--green); font-weight:600; margin-top:2px; }
.stat-label-sm { display:block; font-size:0.72rem; color:var(--text-dim); margin-top:6px; }

/* ─── E-E-A-T Elements ─── */
.editorial-disclosure {
    background:rgba(240,192,64,0.06); border:1px solid rgba(240,192,64,0.15);
    border-radius:12px; padding:16px 20px; margin:32px 0;
}
.editorial-disclosure p {
    font-size:0.78rem; color:var(--text-dim); line-height:1.7; margin:0;
}
.editorial-disclosure a { color:var(--gold); }

.author-box-title {
    display:block; font-size:0.75rem; color:var(--gold); font-weight:600; margin-bottom:6px;
}
.author-credentials {
    display:block; font-size:0.72rem; color:var(--text-dim); margin-top:8px; opacity:0.8;
}
.author-social-link {
    display:inline-block; font-size:0.72rem; color:var(--gold); margin-top:6px;
    padding:3px 10px; border:1px solid rgba(240,192,64,0.2); border-radius:50px;
}
.author-social-link:hover { background:var(--gold); color:#0a0a0a; }

.reviewed-by-box {
    display:flex; align-items:center; gap:10px; flex-wrap:wrap;
    background:var(--bg-glass); border:1px solid var(--glass-border);
    border-radius:12px; padding:14px 20px; margin-bottom:32px;
}
.reviewed-label { font-size:0.78rem; color:var(--green); font-weight:600; }
.reviewed-name { font-size:0.82rem; color:#fff; font-weight:600; }
.reviewed-name:hover { color:var(--gold); }
.reviewed-title { font-size:0.72rem; color:var(--text-dim); }
.reviewed-date { font-size:0.72rem; color:var(--text-dim); margin-left:auto; }

/* Footer trust badges */
.footer-trust-badges {
    display:flex; justify-content:center; flex-wrap:wrap; gap:12px;
    padding:24px 0; margin-top:24px;
    border-top:1px solid var(--glass-border);
    border-bottom:1px solid var(--glass-border);
}
.ft-badge {
    font-size:0.72rem; color:var(--text-dim);
    background:var(--bg-glass); border:1px solid var(--glass-border);
    padding:6px 14px; border-radius:50px;
}
.ft-badge a { color:var(--text-dim); }
.ft-badge a:hover { color:var(--gold); }

/* ─── RESPONSIVE ─── */
@media (max-width:768px) {
    /* Header */
    .main-nav {
        display:none; position:absolute; top:60px; left:0; right:0;
        background:rgba(20,16,31,0.98); flex-direction:column;
        padding:20px 24px; gap:16px; border-bottom:1px solid var(--glass-border);
    }
    .main-nav.open { display:flex; }
    .header-cta { display:none; }
    .menu-toggle { display:flex; }

    /* Hero */
    .hero { min-height:auto; padding:120px 20px 60px; }
    .hero-inner { max-width:100%; padding:0; }
    .hero h1 { font-size:1.8rem; }
    .hero-sub { font-size:0.95rem; }
    .hero-buttons { flex-direction:column; align-items:center; }
    .hero-buttons .btn { width:100%; max-width:280px; text-align:center; }
    .hero-metrics {
        flex-wrap:wrap; gap:16px;
        justify-content:center; margin-top:36px; padding-top:28px;
    }
    .metric { min-width:40%; text-align:center; }
    .metric strong { font-size:1.3rem; }

    /* Game strip */
    .game-strip { padding:32px 0; }
    .strip-item { min-width:180px; padding:16px 18px; }

    /* Split sections */
    .split { padding:60px 0; }
    .split-inner { grid-template-columns:1fr; gap:28px; }
    .split.reverse .split-inner { direction:ltr; }
    .split-text h2 { font-size:1.5rem; }
    .split-visual { padding:24px; border-radius:16px; }

    /* FAQ */
    .faq-section { padding:60px 0; }
    .faq-section h2 { font-size:1.5rem; margin-bottom:32px; }
    .faq-list { max-width:100%; }
    .faq-question { font-size:0.88rem; padding:16px 0; }

    /* SEO block */
    .seo-block { padding:48px 0; }

    /* Footer */
    .footer-grid { grid-template-columns:1fr; gap:28px; }

    /* Pages */
    .page-hero { padding:110px 0 36px; }
    .page-hero h1 { font-size:1.6rem; }
    .jogos-hero, .vip-hero-new, .trust-hero-new { padding:110px 0 36px; }
    .jogos-hero h1, .vip-hero-new h1, .trust-hero-new h1 { font-size:1.6rem; }
    .content-layout { grid-template-columns:1fr; }
    .page-sidebar { position:static; }
    .posts-grid-3 { grid-template-columns:1fr; }
    .jogos-grid { grid-template-columns:repeat(2,1fr); gap:12px; }
    .tiers-grid { grid-template-columns:1fr; }
    .providers-grid { grid-template-columns:repeat(2,1fr); }
    .trust-split { grid-template-columns:1fr; gap:24px; }
    .trust-split.reverse { direction:ltr; }
    .trust-score-box { flex-direction:column; gap:24px; }
    .trust-badges-row { gap:10px; }
    .t-badge { min-width:100px; padding:14px 16px; }
    .steps-row { flex-direction:column; align-items:center; }
    .step-arrow { transform:rotate(90deg); margin:0; }
    .compare-table { font-size:0.75rem; }
    .compare-table th, .compare-table td { padding:10px 8px; }

    /* Content Hub */
    .hub-featured-row { grid-template-columns:1fr; }
    .hub-grid-4 { grid-template-columns:repeat(2,1fr); }
    .quick-nav-grid { grid-template-columns:repeat(3,1fr); }
    .authors-grid { grid-template-columns:1fr; }
    .hero.compact { padding:100px 20px 36px; }
    .page-meta-line { flex-direction:column; gap:8px; align-items:center; }

    /* Single */
    .single-hero { padding-top:90px; }
    .single-content { padding:16px 0 40px; }
    .single-content h1 { font-size:1.5rem; }
    .post-meta-bar { flex-direction:column; gap:8px; }
    .meta-right { flex-wrap:wrap; }
    .related-grid { grid-template-columns:1fr; }
    .author-box { flex-direction:column; text-align:center; align-items:center; }
    .author-hero { flex-direction:column; text-align:center; }
}

@media (max-width:380px) {
    .hero h1 { font-size:1.5rem; }
    .hero-metrics { flex-direction:column; gap:12px; }
    .metric { min-width:100%; }
    .strip-item { min-width:160px; padding:14px; }
    .split-text h2 { font-size:1.3rem; }
    .tier-bar { padding:12px 14px; flex-direction:column; align-items:flex-start; gap:4px; }
    .feat-list li { font-size:0.82rem; }
    .jogos-grid { grid-template-columns:1fr; }
    .jogos-hero h1, .vip-hero-new h1, .trust-hero-new h1 { font-size:1.3rem; }
    .providers-grid { grid-template-columns:1fr; }
    .t-badge { min-width:80px; }
    .hub-grid-4 { grid-template-columns:1fr; }
    .quick-nav-grid { grid-template-columns:repeat(2,1fr); }
}

/* Site Logo Image */
.site-logo-img {
    width: auto;
    max-width: 30%;
}
@media (max-width: 768px) {
    .site-logo-img { max-width: 40%; }
}