/*
Theme Name: DominoClub Premium
Theme URI: https://dominoclub.com.br/
Author: DominoClub
Description: Tema WordPress customizado para o site e blog do DominoClub, sem page builder.
Version: 1.0.3
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: dominoclub
*/

:root {
  --dc-bg: #06100b;
  --dc-bg-deep: #040a07;
  --dc-surface: #0a1510;
  --dc-surface-2: #0d1a13;
  --dc-green: #55dc88;
  --dc-green-bright: #7ae6a2;
  --dc-text: #f4f7f5;
  --dc-muted: #89978f;
  --dc-muted-2: #617067;
  --dc-line: rgba(255,255,255,.075);
  --dc-title: "Plus Jakarta Sans", sans-serif;
  --dc-body: "DM Sans", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 14% 5%, rgba(85,220,136,.05), transparent 28%),
    linear-gradient(180deg, #06100b 0%, #07110c 52%, #040a07 100%);
  color: var(--dc-text);
  font-family: var(--dc-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
button, input, textarea, select { font: inherit; }
.dc-container { width: min(1160px, calc(100% - 48px)); margin: 0 auto; }
.dc-site-shell { min-height: 60vh; }

/* NAV */
.dc-nav-wrap {
  position: fixed; z-index: 1000; top: 0; left: 0; right: 0;
  height:72px;
  border-bottom: 1px solid rgba(255,255,255,.05);
  background: rgba(6,16,11,.84);
  backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
}
.dc-nav { height:72px; min-height:72px; max-height:72px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.dc-brand { min-width:0; max-height:44px; display:inline-flex; align-items:center; gap:11px; font-family:var(--dc-title); font-size:18px; font-weight:800; letter-spacing:-.04em; line-height:1; }
.dc-brand-logo { width:auto; max-width:190px; height:42px; flex:0 0 auto; overflow:hidden; }
.dc-brand-logo .dc-header-logo,
.dc-nav .custom-logo,
.dc-nav .custom-logo-link img,
.dc-nav-wrap img.dc-header-logo {
  display:block !important;
  width:auto !important;
  height:42px !important;
  max-width:190px !important;
  max-height:42px !important;
  object-fit:contain !important;
  object-position:left center;
}
.dc-brand-mark { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(85,220,136,.2); border-radius: 10px; background: linear-gradient(145deg, rgba(85,220,136,.12), rgba(85,220,136,.025)); }
.dc-brand-domino { position: relative; width: 12px; height: 22px; border: 1.5px solid var(--dc-green); border-radius: 3px; }
.dc-brand-domino::before { content:""; position:absolute; left:2px; right:2px; top:50%; height:1px; background:var(--dc-green); }
.dc-brand-domino::after { content:""; position:absolute; width:2.5px; height:2.5px; top:4px; left:4px; border-radius:50%; background:var(--dc-green); box-shadow:4px 11px 0 var(--dc-green); }
.dc-nav-links { display: flex; align-items: center; gap: 28px; color: #89978f; font-size: 12px; font-weight: 600; }
.dc-nav-links a:hover { color: #fff; }
.dc-nav-actions { display: flex; align-items: center; gap: 14px; }
.dc-login { color: #98a59d; font-size: 12px; font-weight: 700; }
.dc-menu-toggle { display:none; width:40px; height:40px; padding:9px; border:1px solid var(--dc-line); border-radius:10px; background:rgba(255,255,255,.02); }
.dc-menu-toggle span { display:block; height:1px; margin:5px 0; background:#d9e3dd; }
.dc-mobile-menu { padding: 10px 0 18px; border-top:1px solid rgba(255,255,255,.04); }
.dc-mobile-menu a:not(.dc-btn) { display:block; padding:11px 2px; color:#a0ada5; font-size:13px; }
.dc-mobile-menu .dc-btn { margin-top: 10px; width:100%; }

/* BUTTONS */
.dc-btn { position:relative; overflow:hidden; min-height:54px; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:0 24px; border:1px solid transparent; border-radius:13px; font-size:14px; font-weight:800; letter-spacing:-.01em; transition:transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease, filter .2s ease; }
.dc-btn:hover { transform: translateY(-3px); filter:brightness(1.03); }
.dc-btn-primary { color:#051009; background:linear-gradient(135deg,#a2f1bf 0%, #79e6a2 38%, #55d985 72%, #3fca6f 100%); box-shadow:0 14px 34px rgba(85,220,136,.24), 0 0 0 1px rgba(162,241,191,.08) inset; }
.dc-btn-primary:hover { box-shadow:0 18px 42px rgba(85,220,136,.32), 0 0 0 1px rgba(162,241,191,.14) inset; }
.dc-btn-secondary { color:#eef4f0; border-color:rgba(255,255,255,.12); background:rgba(255,255,255,.04); box-shadow:0 10px 24px rgba(0,0,0,.12); }
.dc-btn-secondary:hover { border-color:rgba(85,220,136,.28); background:rgba(85,220,136,.06); box-shadow:0 14px 32px rgba(0,0,0,.18); }
.dc-btn-large { min-height:62px; padding:0 32px; border-radius:15px; font-size:16px; }
.dc-btn-small { min-height:39px; padding:0 16px; border-radius:9px; font-size:11px; }

/* HERO */
.dc-hero { position:relative; min-height:780px; display:flex; align-items:center; padding:135px 0 75px; overflow:hidden; }
.dc-hero::before { content:""; position:absolute; width:700px; height:700px; right:-240px; top:30px; border-radius:50%; background:radial-gradient(circle, rgba(85,220,136,.065), transparent 67%); pointer-events:none; }
.dc-hero-grid { position:relative; z-index:2; display:grid; grid-template-columns:.98fr 1.02fr; align-items:center; gap:75px; }
.dc-eyebrow { width:fit-content; display:inline-flex; align-items:center; gap:9px; margin-bottom:22px; padding:7px 11px; border:1px solid rgba(85,220,136,.14); border-radius:999px; background:rgba(85,220,136,.04); color:#9debb8; font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.dc-eyebrow-dot { width:6px; height:6px; border-radius:50%; background:var(--dc-green); box-shadow:0 0 10px rgba(85,220,136,.55); }
.dc-hero h1 { max-width:650px; margin:0; font-family:var(--dc-title); font-size:clamp(48px,5vw,68px); font-weight:800; line-height:1.02; letter-spacing:-.055em; }
.dc-hero h1 span { display:block; }
.dc-green { color:var(--dc-green-bright); margin-top:3px; }
.dc-hero-description { max-width:555px; margin:25px 0 0; color:#929f97; font-size:16px; line-height:1.7; }
.dc-hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:32px; }
.dc-hero-meta { display:flex; flex-wrap:wrap; gap:17px; margin-top:23px; color:#718078; font-size:10px; font-weight:600; }
.dc-hero-meta span { display:flex; align-items:center; gap:6px; }
.dc-hero-meta i { width:15px; height:15px; display:inline-grid; place-items:center; border:1px solid rgba(85,220,136,.18); border-radius:50%; color:var(--dc-green); font-size:8px; font-style:normal; }
.dc-hero-note { margin-top:14px; color:#4f5c55; font-size:10px; }

/* REAL SCREENSHOT */
.dc-game-preview { position:relative; min-height:575px; display:flex; align-items:center; justify-content:center; }
.dc-preview-glow { position:absolute; width:460px; height:460px; border-radius:50%; background:radial-gradient(circle, rgba(56,213,116,.13) 0%, rgba(56,213,116,.045) 38%, transparent 70%); filter:blur(8px); }
.dc-preview-ring { position:absolute; width:400px; height:400px; border:1px solid rgba(85,220,136,.055); border-radius:50%; transform:translate(34px,-10px); }
.dc-preview-ring::before { content:""; position:absolute; width:310px; height:310px; top:44px; left:44px; border:1px solid rgba(85,220,136,.04); border-radius:50%; }
.dc-game-phone { position:relative; z-index:3; width:286px; padding:7px; border:1px solid rgba(255,255,255,.14); border-radius:31px; background:linear-gradient(145deg,#2b332e,#101612 48%,#050806); box-shadow:0 50px 100px rgba(0,0,0,.58), 0 0 70px rgba(85,220,136,.07); }
.dc-game-phone-screen { position:relative; overflow:hidden; border-radius:25px; background:#07100b; }
.dc-game-phone-screen img { display:block; width:100%; }
.dc-game-phone-shine { position:absolute; inset:0 0 auto; height:38%; border-radius:25px 25px 0 0; background:linear-gradient(120deg,rgba(255,255,255,.045),transparent 28%,transparent); pointer-events:none; }
.dc-live-badge { position:absolute; z-index:7; top:36px; right:-30px; display:flex; align-items:center; gap:7px; padding:9px 12px; border:1px solid rgba(255,255,255,.08); border-radius:999px; background:rgba(8,18,12,.9); box-shadow:0 10px 30px rgba(0,0,0,.25); backdrop-filter:blur(12px); color:#b4c0b8; font-size:9px; font-weight:700; }
.dc-live-badge span { width:6px; height:6px; border-radius:50%; background:var(--dc-green); box-shadow:0 0 10px rgba(85,220,136,.75); }
.dc-preview-caption { position:absolute; z-index:6; left:-25px; bottom:66px; width:185px; padding:14px 15px; border:1px solid rgba(255,255,255,.08); border-radius:14px; background:rgba(8,18,12,.9); box-shadow:0 18px 45px rgba(0,0,0,.3); backdrop-filter:blur(15px); }
.dc-preview-caption small { color:var(--dc-green); font-size:8px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
.dc-preview-caption strong { display:block; margin-top:6px; color:#edf3ef; font-family:var(--dc-title); font-size:12px; }
.dc-preview-caption span { display:block; margin-top:4px; color:#69776e; font-size:8px; line-height:1.45; }

/* TRUST */
.dc-trust { border-top:1px solid var(--dc-line); border-bottom:1px solid var(--dc-line); background:rgba(255,255,255,.009); }
.dc-trust-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.dc-trust-item { min-height:88px; display:flex; align-items:center; gap:12px; padding:18px 22px; border-right:1px solid var(--dc-line); }
.dc-trust-item:first-child { border-left:1px solid var(--dc-line); }
.dc-trust-item > b { width:31px; height:31px; flex:0 0 31px; display:grid; place-items:center; border:1px solid rgba(85,220,136,.13); border-radius:8px; color:var(--dc-green); font-size:9px; }
.dc-trust-item strong { display:block; color:#d9e1dc; font-size:10px; }
.dc-trust-item span { display:block; margin-top:2px; color:#627067; font-size:8px; }

/* SECTIONS */
.dc-section { padding:108px 0; }
.dc-section-label { margin-bottom:13px; color:var(--dc-green); font-size:9px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.dc-section-title { max-width:720px; margin:0; font-family:var(--dc-title); font-size:clamp(34px,3.8vw,49px); font-weight:700; line-height:1.08; letter-spacing:-.045em; }
.dc-section-text { max-width:590px; margin:18px 0 0; color:#87958c; font-size:14px; line-height:1.75; }
.dc-section-button { margin-top:24px; }
.dc-benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; margin-top:47px; }
.dc-benefit { min-height:225px; padding:27px; border:1px solid var(--dc-line); border-radius:19px; background:linear-gradient(145deg,rgba(255,255,255,.023),rgba(255,255,255,.006)); }
.dc-benefit-number { color:rgba(85,220,136,.48); font-size:9px; font-weight:700; letter-spacing:.09em; }
.dc-benefit h3 { margin:42px 0 0; font-family:var(--dc-title); font-size:17px; letter-spacing:-.025em; }
.dc-benefit p { margin:10px 0 0; color:#728078; font-size:12px; line-height:1.7; }

/* GAME */
.dc-game-section { border-top:1px solid var(--dc-line); border-bottom:1px solid var(--dc-line); background:radial-gradient(circle at 80% 50%,rgba(85,220,136,.05),transparent 30%),rgba(255,255,255,.004); }
.dc-game-grid { display:grid; grid-template-columns:.92fr 1.08fr; align-items:center; gap:85px; }
.dc-chips { display:flex; flex-wrap:wrap; gap:7px; margin-top:25px; }
.dc-chips span { padding:8px 11px; border:1px solid rgba(255,255,255,.065); border-radius:999px; background:rgba(255,255,255,.018); color:#93a198; font-size:9px; font-weight:700; }
.dc-mode-list { position:relative; display:grid; gap:10px; }
.dc-mode-list::before { content:""; position:absolute; width:360px; height:360px; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle,rgba(85,220,136,.075),transparent 68%); }
.dc-mode-row { position:relative; z-index:2; display:grid; grid-template-columns:58px 1fr auto; align-items:center; gap:17px; padding:18px; border:1px solid rgba(255,255,255,.07); border-radius:16px; background:linear-gradient(145deg,rgba(15,31,22,.9),rgba(8,19,13,.92)); }
.dc-mode-row.dc-featured { border-color:rgba(85,220,136,.2); background:radial-gradient(circle at 100% 0%,rgba(85,220,136,.075),transparent 38%),linear-gradient(145deg,rgba(16,35,24,.95),rgba(8,20,13,.95)); }
.dc-mode-icon { width:58px; height:58px; display:grid; place-items:center; border:1px solid rgba(85,220,136,.13); border-radius:14px; background:rgba(85,220,136,.04); color:var(--dc-green); font-family:var(--dc-title); font-size:14px; font-weight:800; }
.dc-mode-row small { color:#5e6c63; font-size:8px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.dc-mode-row h3 { margin:3px 0 0; color:#e9efeb; font-family:var(--dc-title); font-size:15px; letter-spacing:-.025em; }
.dc-mode-row p { margin:4px 0 0; color:#6f7d74; font-size:9px; }
.dc-mode-row em { padding:7px 9px; border:1px solid rgba(85,220,136,.11); border-radius:999px; color:#94dfae; font-size:7px; font-style:normal; font-weight:700; white-space:nowrap; }

/* SKILL */
.dc-skill-grid, .dc-pix-grid, .dc-security-grid { display:grid; grid-template-columns:1fr .9fr; align-items:center; gap:80px; }
.dc-facts { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:31px; }
.dc-facts > div { padding:15px; border:1px solid var(--dc-line); border-radius:12px; background:rgba(255,255,255,.012); }
.dc-facts strong { display:block; color:#dbe3de; font-size:10px; }
.dc-facts span { display:block; margin-top:4px; color:#647269; font-size:8.5px; line-height:1.5; }
.dc-skill-card { padding:35px; border:1px solid rgba(85,220,136,.11); border-radius:22px; background:radial-gradient(circle at 100% 0%,rgba(85,220,136,.07),transparent 34%),rgba(255,255,255,.014); }
.dc-skill-card small { color:var(--dc-green); font-size:9px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.dc-skill-card h3 { margin:17px 0 0; font-family:var(--dc-title); font-size:25px; line-height:1.2; letter-spacing:-.035em; }
.dc-skill-card p { margin:15px 0 0; color:#76847b; font-size:12px; line-height:1.75; }

/* PIX */
.dc-pix-section { border-top:1px solid var(--dc-line); border-bottom:1px solid var(--dc-line); background:rgba(255,255,255,.005); }
.dc-wallet-card { padding:27px; border:1px solid rgba(85,220,136,.12); border-radius:21px; background:radial-gradient(circle at 100% 0%,rgba(85,220,136,.08),transparent 30%),#0a1510; box-shadow:0 30px 70px rgba(0,0,0,.24); }
.dc-wallet-card > small { color:#66746b; font-size:8px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.dc-balance { margin-top:7px; font-family:var(--dc-title); font-size:30px; font-weight:700; letter-spacing:-.04em; }
.dc-balance span { color:#647269; font-family:var(--dc-body); font-size:11px; font-weight:500; }
.dc-wallet-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:21px; }
.dc-wallet-actions b { padding:11px; border:1px solid rgba(255,255,255,.055); border-radius:9px; color:#9aa79f; font-size:8px; text-align:center; }
.dc-wallet-actions b:first-child { border-color:rgba(85,220,136,.13); background:rgba(85,220,136,.06); color:#a5edbe; }
.dc-history { margin-top:20px; padding-top:14px; border-top:1px solid var(--dc-line); }
.dc-history > div { display:flex; justify-content:space-between; padding:8px 0; color:#6f7d74; font-size:8.5px; }
.dc-history > div + div { border-top:1px solid rgba(255,255,255,.03); }
.dc-history strong { color:#76df9c; }

/* SECURITY */
.dc-security-grid { grid-template-columns:.85fr 1.15fr; }
.dc-security-list { display:grid; gap:9px; }
.dc-security-item { display:flex; gap:13px; padding:17px; border:1px solid var(--dc-line); border-radius:13px; background:rgba(255,255,255,.011); }
.dc-security-item > b { width:24px; height:24px; flex:0 0 24px; display:grid; place-items:center; border:1px solid rgba(85,220,136,.14); border-radius:7px; color:var(--dc-green); font-size:9px; }
.dc-security-item strong { display:block; color:#dce4df; font-size:10px; }
.dc-security-item p { margin:4px 0 0; color:#637168; font-size:8.5px; line-height:1.55; }

/* HOME BLOG */
.dc-latest-posts { border-top:1px solid var(--dc-line); }
.dc-section-head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:40px; }
.dc-section-head > a { color:#99e7b4; font-size:11px; font-weight:700; }
.dc-post-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.dc-post-card { overflow:hidden; border:1px solid var(--dc-line); border-radius:18px; background:rgba(255,255,255,.012); }
.dc-post-thumb { aspect-ratio:16/9; display:flex; align-items:center; justify-content:center; overflow:hidden; background:radial-gradient(circle at 60% 20%,rgba(85,220,136,.16),transparent 34%),#0b1710; }
.dc-post-thumb img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.dc-post-card:hover .dc-post-thumb img { transform:scale(1.035); }
.dc-post-thumb > span { color:rgba(123,229,161,.28); font-family:var(--dc-title); font-size:26px; font-weight:800; }
.dc-post-card-body { padding:22px; }
.dc-post-card-body small { color:#647269; font-size:9px; }
.dc-post-card-body h2, .dc-post-card-body h3 { margin:9px 0 0; font-family:var(--dc-title); font-size:19px; line-height:1.25; letter-spacing:-.03em; }
.dc-post-card-body p { margin:10px 0 0; color:#748179; font-size:11px; line-height:1.65; }
.dc-post-link { display:inline-block; margin-top:16px; color:#94e6b0; font-size:10px; font-weight:700; }

/* FINAL */
.dc-final { padding:120px 0; }
.dc-final-card { padding:72px 28px; border:1px solid rgba(85,220,136,.11); border-radius:25px; background:radial-gradient(circle at 50% 120%,rgba(85,220,136,.09),transparent 45%),rgba(255,255,255,.012); text-align:center; }
.dc-final-card h2 { margin:0; font-family:var(--dc-title); font-size:clamp(38px,5vw,59px); line-height:1.04; letter-spacing:-.045em; }
.dc-final-card h2 span { color:var(--dc-green-bright); }
.dc-final-card p { max-width:500px; margin:18px auto 0; color:#7b8980; font-size:13px; line-height:1.7; }
.dc-final-actions { display:flex; justify-content:center; gap:10px; margin-top:26px; }

/* FOOTER */
.dc-footer { padding:45px 0 30px; border-top:1px solid var(--dc-line); }
.dc-footer-grid { display:grid; grid-template-columns:1.35fr .65fr .9fr .65fr; gap:48px; padding-bottom:38px; }
.dc-footer-description { max-width:320px; margin:14px 0 0; color:#5e6b63; font-size:10px; line-height:1.7; }
.dc-footer-col h4 { margin:0 0 13px; color:#98a59d; font-size:8px; letter-spacing:.1em; text-transform:uppercase; }
.dc-footer-col a { display:block; margin-top:9px; color:#5f6c64; font-size:9px; }
.dc-footer-col li { list-style:none; margin:0; padding:0; }
.dc-footer-col ul { list-style:none; margin:0; padding:0; }
.dc-footer-col a:hover { color:#d7e4db; }
.dc-footer-bottom { display:flex; justify-content:space-between; gap:20px; padding-top:22px; border-top:1px solid rgba(255,255,255,.04); color:#47534c; font-size:8px; }

/* BLOG / INTERNAL */
.dc-inner-page, .dc-blog-page { padding-top:72px; }
.dc-content-container { max-width:900px; }
.dc-entry { padding:90px 0 110px; }
.dc-entry-header { max-width:800px; margin-bottom:42px; }
.dc-entry-header h1 { margin:0; font-family:var(--dc-title); font-size:clamp(42px,6vw,68px); line-height:1.04; letter-spacing:-.055em; }
.dc-entry-header > p { max-width:680px; margin:18px 0 0; color:#8b9990; font-size:16px; line-height:1.7; }
.dc-entry-featured { overflow:hidden; margin:35px 0 50px; border:1px solid var(--dc-line); border-radius:22px; }
.dc-entry-featured img { display:block; width:100%; }
.dc-entry-content { color:#c5cec8; font-size:16px; line-height:1.85; }
.dc-entry-content > * { max-width:760px; margin-left:auto; margin-right:auto; }
.dc-entry-content > .alignwide { max-width:1000px; }
.dc-entry-content > .alignfull { max-width:none; }
.dc-entry-content h2, .dc-entry-content h3, .dc-entry-content h4 { color:#f1f5f2; font-family:var(--dc-title); letter-spacing:-.035em; line-height:1.2; }
.dc-entry-content h2 { margin-top:2.2em; font-size:32px; }
.dc-entry-content h3 { margin-top:1.8em; font-size:24px; }
.dc-entry-content p, .dc-entry-content ul, .dc-entry-content ol, .dc-entry-content blockquote, .dc-entry-content table { margin-top:1.15em; margin-bottom:1.15em; }
.dc-entry-content a { color:#83e6a7; text-decoration:underline; text-underline-offset:3px; }
.dc-entry-content li + li { margin-top:.4em; }
.dc-entry-content blockquote { padding:18px 22px; border-left:3px solid var(--dc-green); border-radius:0 12px 12px 0; background:rgba(85,220,136,.04); color:#dce5df; }
.dc-entry-content table { width:100%; border-collapse:collapse; font-size:14px; }
.dc-entry-content th, .dc-entry-content td { padding:12px; border:1px solid var(--dc-line); text-align:left; }
.dc-entry-content th { background:rgba(85,220,136,.05); }
.dc-entry-content img { border-radius:14px; }
.dc-article-container { max-width:920px; }
.dc-article-header { max-width:820px; margin-left:auto; margin-right:auto; }
.dc-breadcrumbs { display:flex; gap:7px; margin-bottom:24px; color:#5f6d64; font-size:9px; }
.dc-article-deck { font-size:17px !important; }
.dc-article-meta { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; color:#637168; font-size:10px; }
.dc-article-footer { max-width:760px; margin:50px auto 0; padding-top:25px; border-top:1px solid var(--dc-line); }
.dc-tags { display:flex; flex-wrap:wrap; gap:8px; align-items:center; color:#65736a; font-size:10px; }
.dc-tags a { padding:6px 9px; border:1px solid var(--dc-line); border-radius:999px; }
.dc-article-cta { border-top:1px solid var(--dc-line); border-bottom:1px solid var(--dc-line); background:rgba(255,255,255,.01); }
.dc-article-cta .dc-container { min-height:120px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.dc-article-cta strong { display:block; font-family:var(--dc-title); font-size:20px; }
.dc-article-cta span { display:block; margin-top:5px; color:#718078; font-size:11px; }
.dc-blog-hero { padding:115px 0 70px; border-bottom:1px solid var(--dc-line); background:radial-gradient(circle at 18% 0%,rgba(85,220,136,.08),transparent 30%); }
.dc-blog-hero h1 { margin:0; font-family:var(--dc-title); font-size:clamp(48px,7vw,76px); line-height:1.03; letter-spacing:-.06em; }
.dc-blog-hero h1 span { color:var(--dc-green-bright); }
.dc-blog-hero p { max-width:600px; margin:20px 0 0; color:#839087; font-size:15px; line-height:1.7; }
.dc-blog-hero-small h1 { font-size:clamp(40px,5vw,58px); }
.dc-blog-listing { padding:70px 0 110px; }
.dc-pagination { margin-top:45px; }
.dc-pagination .nav-links { display:flex; justify-content:center; gap:8px; }
.dc-pagination .page-numbers { padding:9px 12px; border:1px solid var(--dc-line); border-radius:9px; color:#8d9a92; font-size:11px; }
.dc-pagination .current { color:#06100b; border-color:transparent; background:var(--dc-green); }
.dc-empty-state { padding:70px 25px; border:1px solid var(--dc-line); border-radius:18px; text-align:center; }
.dc-empty-state h2 { font-family:var(--dc-title); }
.dc-empty-state p { color:#718078; }
.dc-not-found { min-height:72vh; display:grid; place-items:center; padding:150px 0 100px; text-align:center; }
.dc-not-found h1 { max-width:700px; margin:0 auto; font-family:var(--dc-title); font-size:clamp(44px,7vw,74px); line-height:1; letter-spacing:-.055em; }
.dc-not-found p { margin:20px 0 28px; color:#849188; }

/* WP */
.admin-bar .dc-nav-wrap { top:32px; }
.wp-caption, .gallery-caption { color:#78867d; }
.screen-reader-text { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }

/* ANIMATION */
.dc-reveal { opacity:0; transform:translateY(16px); transition:opacity .65s ease, transform .65s ease; }
.dc-reveal.dc-visible { opacity:1; transform:translateY(0); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  .dc-reveal { opacity:1; transform:none; transition:none; }
  .dc-btn, .dc-post-thumb img { transition:none; }
}

@media (max-width: 960px) {
  .dc-nav-links { display:none; }
  .dc-menu-toggle { display:block; }
  .dc-hero-grid { grid-template-columns:1fr; gap:55px; }
  .dc-hero-copy { max-width:720px; margin:auto; text-align:center; }
  .dc-eyebrow { margin-left:auto; margin-right:auto; }
  .dc-hero-description { margin-left:auto; margin-right:auto; }
  .dc-hero-actions, .dc-hero-meta { justify-content:center; }
  .dc-game-preview { min-height:590px; }
  .dc-trust-grid { grid-template-columns:1fr 1fr; }
  .dc-benefits, .dc-post-grid { grid-template-columns:1fr; }
  .dc-game-grid, .dc-skill-grid, .dc-pix-grid, .dc-security-grid { grid-template-columns:1fr; gap:50px; }
  .dc-footer-grid { grid-template-columns:1fr 1fr; }
  .dc-section-head { align-items:flex-start; flex-direction:column; }
}

@media (max-width: 782px) {
  .admin-bar .dc-nav-wrap { top:46px; }
}

@media (max-width: 640px) {
  .dc-container { width:calc(100% - 30px); }
  .dc-nav-wrap { height:66px; }
  .dc-nav { height:66px; min-height:66px; max-height:66px; }
  .dc-brand-logo { height:38px; max-width:165px; }
  .dc-brand-logo .dc-header-logo, .dc-nav .custom-logo, .dc-nav .custom-logo-link img, .dc-nav-wrap img.dc-header-logo { height:38px !important; max-height:38px !important; max-width:165px !important; }
  .dc-brand { font-size:16px; }
  .dc-login { display:none; }
  .dc-hero { min-height:auto; padding:110px 0 65px; }
  .dc-hero h1 { font-size:clamp(40px,11.5vw,54px); line-height:1.03; letter-spacing:-.05em; }
  .dc-hero-description { font-size:14px; }
  .dc-hero-actions { display:grid; }
  .dc-hero-actions .dc-btn { width:100%; }
  .dc-hero-meta { gap:11px; font-size:9px; }
  .dc-game-preview { min-height:535px; margin-top:-5px; }
  .dc-game-phone { width:246px; }
  .dc-preview-ring { width:320px; height:320px; transform:translate(15px,-5px); }
  .dc-preview-ring::before { width:250px; height:250px; top:34px; left:34px; }
  .dc-preview-glow { width:350px; height:350px; }
  .dc-live-badge { right:-10px; top:28px; }
  .dc-preview-caption { left:-10px; bottom:55px; width:160px; }
  .dc-trust-item { min-height:84px; padding:14px 11px; }
  .dc-trust-item:first-child { border-left:0; }
  .dc-section { padding:82px 0; }
  .dc-section-title { font-size:34px; letter-spacing:-.04em; }
  .dc-section-text { font-size:13px; }
  .dc-benefit { min-height:195px; }
  .dc-benefit h3 { margin-top:30px; }
  .dc-mode-row { grid-template-columns:50px 1fr; gap:13px; padding:15px; }
  .dc-mode-icon { width:50px; height:50px; border-radius:12px; }
  .dc-mode-row em { display:none; }
  .dc-facts { grid-template-columns:1fr; }
  .dc-final { padding:82px 0; }
  .dc-final-card { padding:55px 19px; }
  .dc-final-actions { display:grid; }
  .dc-footer-grid { grid-template-columns:1fr; gap:30px; }
  .dc-footer-bottom { flex-direction:column; }
  .dc-entry { padding:65px 0 80px; }
  .dc-entry-header h1 { font-size:clamp(38px,11vw,52px); }
  .dc-entry-content { font-size:15px; line-height:1.8; }
  .dc-entry-content h2 { font-size:28px; }
  .dc-entry-content h3 { font-size:22px; }
  .dc-blog-hero { padding:90px 0 55px; }
  .dc-blog-hero h1 { font-size:44px; }
  .dc-blog-listing { padding:50px 0 80px; }
  .dc-article-cta .dc-container { padding:24px 0; align-items:flex-start; flex-direction:column; }
}