:root{--red:#ed1b24;--dark:#0b0b0e;--ink:#18181d;--muted:#6d6d74}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f7f8;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(1180px,calc(100% - 36px));margin:auto}.topbar{background:#151517;color:#d5d5d8;font-size:.82rem}.topbar .container{min-height:34px;display:flex;align-items:center;justify-content:space-between}.topbar a{color:#ff6268;font-weight:700}.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid #ececef;box-shadow:0 10px 28px rgba(20,20,24,.04);backdrop-filter:blur(18px)}.header-inner{height:78px;display:flex;align-items:center;gap:27px}.brand{display:flex}.brand img{width:180px;height:auto}.desktop-nav{display:flex;gap:24px;margin:auto}.desktop-nav a{color:#424247;font-size:.92rem;font-weight:700}.desktop-nav a:hover{color:var(--red)}.desktop-actions,.actions{display:flex;gap:9px}.btn{min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:.94rem;font-weight:800;transition:.2s}.btn-sm{min-height:40px;padding:0 17px;font-size:.86rem}.btn-primary{color:#fff;background:linear-gradient(135deg,#ff3540,#d80814);box-shadow:0 10px 25px rgba(231,20,32,.28)}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{color:#d2151f;border:1px solid #efc5c8;background:#fff}.menu-button{display:none;margin-left:auto;width:42px;height:42px;padding:10px;border:1px solid #e5e5e8;border-radius:10px;background:#fff}.menu-button span{display:block;height:2px;margin:4px 0;background:#222}.mobile-nav{display:none}
.hero{min-height:600px;position:relative;display:grid;align-items:center;overflow:hidden;color:#fff;background:#08080a url("../images/hero-red-gaming.webp") center/cover no-repeat}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,7,.98),rgba(5,5,7,.84) 38%,rgba(5,5,7,.25) 68%,rgba(5,5,7,.5))}.hero-inner{position:relative;display:grid;grid-template-columns:1.4fr .7fr;align-items:center;gap:80px;padding:84px 0}.hero-copy{max-width:690px}.eyebrow,.kicker{color:#ff5c63;font-size:.78rem;letter-spacing:.16em;font-weight:900}.eyebrow{display:inline-flex;padding:9px 12px;border:1px solid rgba(255,85,94,.38);border-radius:99px;background:rgba(175,8,18,.15);text-transform:uppercase}.hero h1{margin:23px 0 20px;font-size:clamp(2.55rem,5vw,4.7rem);line-height:.98;letter-spacing:-.055em}.hero-copy>p{max-width:630px;margin:0 0 30px;color:#c6c6ca;font-size:1.08rem;line-height:1.75}.hero .btn-ghost{color:#fff;border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.08)}.hero-meta{margin-top:31px;display:flex;flex-wrap:wrap;gap:20px;color:#bdbdc2;font-size:.82rem}.quick-card{align-self:end;padding:26px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:linear-gradient(145deg,rgba(30,30,34,.78),rgba(8,8,10,.88));box-shadow:0 28px 70px rgba(0,0,0,.38);backdrop-filter:blur(14px)}.quick-card>span{color:#ff535b;font-size:.73rem;letter-spacing:.2em;font-weight:900}.quick-card strong{display:block;margin:12px 0 9px;font-size:1.45rem}.quick-card em{display:block;color:#fff;font-style:normal;font-size:2.35rem}.quick-card p{color:#aaaab0;line-height:1.55}.quick-card a{color:#ff5962;font-weight:900}
.section{padding:88px 0}.section-light{background:#f7f7f8}.heading{display:flex;justify-content:space-between;align-items:end;gap:38px;margin-bottom:36px}.heading h2,.feature-intro h2,.faq-intro h2{margin:8px 0 0;font-size:clamp(2rem,3.5vw,3.15rem);line-height:1.08;letter-spacing:-.045em}.heading>p{max-width:390px;margin:0;color:#707077;line-height:1.65}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category-card{min-height:120px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:17px;padding:20px;border:1px solid #e7e7ea;border-radius:14px;background:#fff;box-shadow:0 8px 28px rgba(20,20,25,.04);transition:.2s}.category-card:hover{transform:translateY(-3px);border-color:#f0a3a8}.category-card i{width:52px;height:52px;display:grid;place-items:center;color:#e61a24;border-radius:14px;background:#fff0f1;font-style:normal;font-weight:900}.category-card strong,.category-card small{display:block}.category-card small{margin-top:6px;color:#77777e;line-height:1.4}.category-card b{color:#e61a24}
.section-dark{color:#fff;background:#0d0d10}.text-link{color:#ff555e;font-weight:800}.game-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.game-art{aspect-ratio:4/5;position:relative;overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.13)}.g1{background:linear-gradient(145deg,#410109,#c51e28,#e4a52a)}.g2{background:linear-gradient(145deg,#080a12,#75101a,#e6bd2d)}.g3{background:linear-gradient(145deg,#37042f,#a61127,#f48031)}.g4{background:linear-gradient(145deg,#4c0616,#d52c72,#f4c02f)}.g5{background:linear-gradient(145deg,#12100e,#b94f0b,#efbe26)}.g6{background:linear-gradient(145deg,#151518,#75101a,#da4c17)}.game-art span{position:absolute;top:10px;left:10px;padding:5px 7px;border-radius:6px;background:var(--red);font-size:.61rem;font-weight:900}.game-art b{position:absolute;inset:0;display:grid;place-items:center;font-size:4rem;text-shadow:0 10px 25px rgba(0,0,0,.35)}.game-art i{position:absolute;right:10px;bottom:10px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#dc1721;background:#fff;font-size:.7rem;font-style:normal}.game-card>strong,.game-card>small{display:block}.game-card>strong{margin:13px 2px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.game-card>small{color:#85858d;font-size:.75rem}
.promo-section{background:#fff}.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.promo-card{position:relative;min-height:330px;padding:30px;border:1px solid #e7e7ea;border-radius:18px;background:linear-gradient(145deg,#fff,#f7f7f8)}.promo-card>small{position:absolute;top:22px;right:25px;color:#d7d7db;font-weight:900}.promo-card>strong{display:block;margin:39px 0 22px;color:#e51621;font-size:4.2rem;line-height:1;letter-spacing:-.07em}.promo-card h3{margin:0 0 10px;font-size:1.35rem}.promo-card p{min-height:70px;color:#6b6b72;line-height:1.6}.promo-card a{color:#d5141e;font-weight:800}
.feature-section{color:#fff;background:linear-gradient(135deg,#1a0608,#3a080d 45%,#810d16)}.feature-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.feature-intro p{margin:22px 0 30px;color:#d1bfc1;line-height:1.7}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature-list article{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:22px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.07)}.feature-list article>b{color:#ff5b64;font-size:1.6rem}.feature-list h3{margin:0 0 7px;font-size:1rem}.feature-list p{margin:0;color:#ccbfc1;font-size:.85rem;line-height:1.55}.stats-band{background:#e61722;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid>div{min-height:116px;display:flex;align-items:center;justify-content:center;gap:14px;border-right:1px solid rgba(255,255,255,.22)}.stats-grid>div:last-child{border:0}.stats-grid>div>b{font-size:1.4rem}.stats-grid strong,.stats-grid small{display:block}.stats-grid small{margin-top:4px;color:#ffd6d8}
.faq-section{background:#f4f4f6}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.faq-intro p{color:#717178;line-height:1.65}.faq-list details{border-bottom:1px solid #dcdce0}.faq-list summary{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-weight:800;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list details p{margin:-2px 36px 24px 0;color:#696970;line-height:1.7}
.footer{padding-top:70px;color:#b6b6bc;background:#0b0b0d}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:55px;padding-bottom:48px}.footer-brand img{width:190px;height:auto}.footer-brand p{max-width:380px;line-height:1.65}.footer-brand span{width:44px;height:44px;display:grid;place-items:center;border:1px solid #e7333d;border-radius:50%;color:#ff5059;font-weight:900}.footer h3{margin:4px 0 18px;color:#fff;font-size:.92rem}.footer-top>div:not(:first-child) a{display:block;margin:0 0 13px;font-size:.86rem}.responsibility{padding:24px 0;border-top:1px solid #27272b;border-bottom:1px solid #27272b;font-size:.8rem;line-height:1.65}.responsibility strong{color:#fff}.copyright{padding:23px 0 90px;color:#73737b;font-size:.78rem}.mobile-sticky{display:none}
@media(max-width:980px){.desktop-nav{display:none}.desktop-actions{margin-left:auto}.hero-inner{grid-template-columns:1fr}.quick-card{max-width:380px}.category-grid{grid-template-columns:repeat(2,1fr)}.game-grid{grid-template-columns:repeat(3,1fr)}.feature-layout,.faq-layout{grid-template-columns:1fr;gap:48px}.footer-top{grid-template-columns:2fr 1fr 1fr}.footer-top>div:last-child{display:none}}
@media(max-width:680px){.container{width:min(100% - 28px,1180px)}.topbar .container{justify-content:center}.topbar span{display:none}.header-inner{height:68px}.brand img{width:152px}.desktop-actions{display:none}.menu-button{display:block}.mobile-nav.open{display:grid;gap:14px;padding:16px 0 20px;border-top:1px solid #ececef}.mobile-nav>a{font-weight:700}.mobile-nav>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero{min-height:auto;background-position:58% center}.hero:before{background:linear-gradient(90deg,rgba(4,4,6,.94),rgba(4,4,6,.63))}.hero-inner{padding:66px 0 78px}.hero h1{font-size:2.6rem}.hero-copy>p{font-size:1rem}.quick-card{display:none}.section{padding:68px 0}.heading{display:block}.heading>p,.heading>a{display:block;margin-top:15px}.category-grid{grid-template-columns:1fr}.game-grid{grid-template-columns:repeat(2,1fr)}.promo-grid{grid-template-columns:1fr}.feature-list{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid>div{min-height:100px;border-bottom:1px solid rgba(255,255,255,.2)}.faq-layout{gap:35px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 24px}.footer-brand{grid-column:1/-1}.mobile-sticky{position:fixed;z-index:30;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px 12px;background:rgba(12,12,14,.94)}.mobile-sticky a{min-height:46px;display:grid;place-items:center;border-radius:8px;color:#fff;background:#29292e;font-weight:900}.mobile-sticky a:last-child{background:linear-gradient(135deg,#ff3540,#d80814)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}