/*
Theme Name: dream77 Game
Author: dream77 Game
Description: Premium responsive one-page gaming WordPress theme.
Version: 1.0.0
Text Domain: dream77-game
*/
:root{--accent:#f60650;--ink:#111318;--muted:#626873;--line:#e7e9ed;--soft:#f6f7f9;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #f60650;outline-offset:3px}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.custom-logo-link img{max-height:44px;width:auto}.site-logo,.footer-logo{font-weight:950;font-size:1.2rem;letter-spacing:-.05em}.main-nav ul{list-style:none;display:flex;gap:22px;align-items:center;margin:0;padding:0}.main-nav a{font-size:.9rem;font-weight:750}.main-nav a:hover{color:var(--accent)}.nav-toggle{display:none;border:1px solid var(--line);background:#fff;padding:10px 12px;border-radius:10px}
.cta{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;padding:13px 19px;border-radius:999px;font-weight:850;box-shadow:0 10px 30px rgba(246,6,80,.18)}.cta:hover{transform:translateY(-2px);color:#fff}.cta.dark{background:var(--ink)}
.hero{padding:90px 0 70px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:end}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:var(--accent)}.hero h1{font-size:clamp(3.2rem,7vw,7rem);line-height:.92;letter-spacing:-.075em;margin:16px 0 25px}.hero p{font-size:1.15rem;color:var(--muted);max-width:690px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-visual{min-height:520px;background:#15171c;position:relative;overflow:hidden;border-radius:28px;padding:28px;display:flex;align-items:flex-end}.hero-visual:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 70% 25%,rgba(246,6,80,.9),transparent 33%),linear-gradient(135deg,#242832,#0d0e12 65%);transform:rotate(-8deg)}.hero-art{position:relative;z-index:1;color:#fff;width:100%;display:grid;gap:14px}.hero-art .score{font-size:4rem;font-weight:950;letter-spacing:-.07em}.hero-art .tag{display:inline-block;width:max-content;border:1px solid rgba(255,255,255,.25);padding:7px 10px;border-radius:999px;font-size:.75rem}
.section{padding:95px 0}.section.alt{background:var(--soft)}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:40px}.section h2,.editorial h2{font-size:clamp(2rem,4vw,4.2rem);line-height:1.02;letter-spacing:-.055em;margin:0}.section-head p{max-width:540px;color:var(--muted);margin:0}
.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{padding:30px 20px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong{display:block;font-size:2.5rem;letter-spacing:-.06em}.stat span{color:var(--muted)}
.feature-wall{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.feature{padding:28px;border:1px solid var(--line);min-height:190px;background:#fff}.feature:nth-child(1){grid-column:span 7}.feature:nth-child(2){grid-column:span 5}.feature:nth-child(3){grid-column:span 4}.feature:nth-child(4){grid-column:span 8}.feature h3{margin:0 0 10px}.feature p{margin:0;color:var(--muted)}
.marquee{overflow:hidden;background:var(--ink);color:#fff;padding:17px 0;white-space:nowrap}.marquee-track{display:inline-block;animation:marquee 24s linear infinite}.marquee span{margin-right:55px;font-weight:850;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}@keyframes marquee{to{transform:translateX(-50%)}}
.category-matrix{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.category{min-height:150px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.category b{font-size:1.1rem}.category small{color:var(--muted)}
.editorial{max-width:900px;margin:auto}.editorial p{font-size:1.08rem;color:#454a52}.download-panel{background:var(--ink);color:#fff;padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;border-radius:28px}.download-panel p{color:#c4c7cd}.download-list{display:grid;gap:12px}.download-list div{padding:16px 18px;border:1px solid #30343c;border-radius:12px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.step{padding:28px 22px;border-right:1px solid var(--line)}.step:last-child{border-right:0}.step-num{font-size:.75rem;color:var(--accent);font-weight:900}.step h3{margin:10px 0}.step p{color:var(--muted)}
.quote-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.quote{padding:36px;background:#f0f1f3}.quote blockquote{font-size:1.8rem;line-height:1.25;letter-spacing:-.03em;margin:0 0 22px}.quote cite{color:var(--muted);font-style:normal}
.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:850;font-size:1.08rem}details p{color:var(--muted);max-width:850px}
.final-cta{background:var(--accent);color:#fff;padding:70px 0}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta h2{font-size:clamp(2.4rem,5vw,5rem);line-height:.95;letter-spacing:-.06em;margin:0}.final-cta .cta{background:#fff;color:var(--accent)}
.responsible{padding:18px 0;font-size:.82rem;color:#6a6f78}.site-footer{background:#111318;color:#fff;padding:55px 0 110px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.site-footer a{color:#dfe1e5}.footer-nav{display:grid;gap:8px}.footer-note{color:#aeb2ba;font-size:.86rem}.sticky-cta{position:fixed;z-index:1100;left:50%;bottom:18px;transform:translateX(-50%);padding:0 8px 8px}.sticky-cta .cta{box-shadow:0 12px 40px rgba(0,0,0,.25);white-space:nowrap}
.page-hero{padding:85px 0 55px;background:#111318;color:#fff}.page-hero h1{font-size:clamp(2.8rem,6vw,6rem);line-height:.95;letter-spacing:-.07em;margin:12px 0}.page-content{padding:70px 0}.page-content .content{max-width:820px}.page-content h2{margin-top:48px}.page-content p,.page-content li{color:#454a52}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:900px){.main-nav{display:none}.nav-toggle{display:block}.main-nav.open{display:block;position:absolute;left:0;right:0;top:78px;background:#fff;border-bottom:1px solid var(--line);padding:18px 20px}.main-nav.open ul{flex-direction:column;align-items:flex-start}.hero-grid,.download-panel,.quote-grid,.footer-grid{grid-template-columns:1fr}.hero-visual{min-height:380px}.stat-strip{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.feature-wall{grid-template-columns:1fr}.feature,.feature:nth-child(n){grid-column:auto}.category-matrix{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid var(--line)}.final-cta-inner,.section-head{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.container{width:min(var(--max),calc(100% - 26px))}.hero{padding-top:60px}.hero h1{font-size:3.25rem}.hero-visual{min-height:300px}.hero-art .score{font-size:3rem}.section{padding:65px 0}.stat-strip{grid-template-columns:1fr}.stat{border-right:0!important;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}.steps{grid-template-columns:1fr}.step{border-right:0!important;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}.download-panel{padding:30px 22px}.category-matrix{grid-template-columns:1fr 1fr}.sticky-cta{bottom:8px}.sticky-cta .cta{padding:12px 16px;font-size:.88rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}.reveal{transition:none}}