@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#08090d;--panel:#11131a;--panel2:#171923;--text:#f4f5f7;--muted:#9297a8;--line:#272a35;--accent:#8b5cf6;--accent2:#c084fc;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.header{position:sticky;top:0;z-index:20;background:rgba(8,9,13,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:800;font-size:21px;display:flex;align-items:center;gap:10px}.logo span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#8b5cf6,#ec4899);font-size:13px}nav{display:flex;gap:28px}nav a{color:var(--muted);font-size:14px;font-weight:600}nav a:hover,nav a.active{color:#fff}.menu-toggle{display:none;background:none;color:white;border:0;font-size:25px}
.hero{padding:92px 0 80px;background:radial-gradient(circle at 80% 30%,#2d165d55,transparent 35%),linear-gradient(180deg,#0d0c14,#08090d)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{color:#a78bfa;font-weight:800;letter-spacing:2px;font-size:12px;margin:0 0 13px}.hero h1{font-size:clamp(48px,7vw,78px);line-height:1.02;margin:0 0 25px;letter-spacing:-3px}.hero h1 span{color:#a78bfa}.hero-text{max-width:620px;color:var(--muted);font-size:17px}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;padding:13px 20px;border-radius:10px;font-weight:700;font-size:14px;border:1px solid var(--line)}.btn.primary{background:#8b5cf6;border-color:#8b5cf6}.btn.ghost{background:#151721}.hero-card{border:1px solid #3a2d58;border-radius:20px;overflow:hidden;background:#11111a;box-shadow:0 25px 70px #0008}.hero-art{height:330px;padding:30px;display:flex;flex-direction:column;justify-content:end;font-size:36px;font-weight:400;letter-spacing:4px;background:radial-gradient(circle at 70% 35%,#f43f5e99,transparent 20%),linear-gradient(145deg,#21134a,#351151 45%,#10101a)}.hero-art b{font-size:65px}.hero-card-info{padding:20px 22px;display:flex;justify-content:space-between;align-items:center}.hero-card-info strong,.hero-card-info small{display:block}.hero-card-info strong{font-size:19px;margin:7px 0}.hero-card-info small{color:var(--muted)}.tag{background:#8b5cf622;color:#c4b5fd;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:800}
.section{padding:78px 0}.dark-section{background:#0d0f15;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section h2{font-size:30px;margin:0;letter-spacing:-1px}.more{color:#a78bfa;font-size:13px;font-weight:700}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.game-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:.25s transform,.25s border-color}.game-card:hover{transform:translateY(-5px);border-color:#514566}.cover{height:225px;display:flex;flex-direction:column;justify-content:end;padding:20px;font-size:22px;line-height:.9;letter-spacing:2px;font-weight:400}.cover b{font-size:34px}.cover-1{background:linear-gradient(145deg,#24104c,#732e9d 55%,#e53e86)}.cover-2{background:linear-gradient(145deg,#391414,#a4421d 60%,#e5a23e)}.cover-3{background:linear-gradient(145deg,#061e45,#1268a7 55%,#36d6d3)}.cover-4{background:linear-gradient(145deg,#112b3a,#35778b 55%,#b4e1dc)}.cover-5{background:linear-gradient(145deg,#17153d,#413cb1 60%,#6b8cff)}.cover-6{background:linear-gradient(145deg,#1d1710,#755027 60%,#d4a449)}.card-body{padding:17px}.card-body>span{font-size:11px;color:var(--muted)}.card-body h3{margin:6px 0 8px}.rating{font-size:12px;letter-spacing:1px}.rating em{font-style:normal;color:#fff;margin-left:7px}.card-body>a,.article a{display:inline-block;margin-top:12px;color:#b9a0ff;font-size:12px;font-weight:700}
.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.news-card{display:grid;grid-template-columns:180px 1fr;gap:22px;background:var(--panel);border:1px solid var(--line);padding:18px;border-radius:15px}.news-image,.article-art{min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;letter-spacing:2px;border-radius:10px;background:linear-gradient(145deg,#21134a,#9333ea)}.n2{background:linear-gradient(145deg,#082f49,#0891b2)}.n3{background:linear-gradient(145deg,#431407,#ca8a04)}.news-card small,.article small{color:var(--muted);font-size:11px}.news-card h3{margin:8px 0}.news-card p,.article p{color:var(--muted);font-size:13px}
.page-head{padding:70px 0 55px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#10111a,#08090d)}.page-head h1{font-size:52px;line-height:1.05;margin:0 0 12px}.page-head p:not(.eyebrow){color:var(--muted)}.filters{display:flex;gap:10px;margin-top:28px}.filters input,.filters select{background:#151721;color:#fff;border:1px solid var(--line);padding:13px 15px;border-radius:9px;font:inherit}.filters input{width:min(430px,100%)}.filters select{min-width:170px}.empty{color:var(--muted);padding:50px 0}
.genre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.genre-card{min-height:220px;padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--panel);transition:.25s}.genre-card:hover{transform:translateY(-5px);border-color:#5c4b78}.genre-card>span{font-size:27px}.genre-card h2{margin:25px 0 5px}.genre-card p{color:var(--muted);margin:0 0 18px}.genre-card b{font-size:12px;color:#c4b5fd}.g1{background:radial-gradient(circle at 100% 0,#5b21b633,transparent 40%),var(--panel)}.g2{background:radial-gradient(circle at 100% 0,#be123c33,transparent 40%),var(--panel)}.g3{background:radial-gradient(circle at 100% 0,#b4530933,transparent 40%),var(--panel)}.g4{background:radial-gradient(circle at 100% 0,#0369a133,transparent 40%),var(--panel)}
.article-list{display:grid;gap:18px}.article{display:grid;grid-template-columns:270px 1fr;gap:28px;padding:20px;border:1px solid var(--line);background:var(--panel);border-radius:16px}.article-art{height:190px}.article h2{margin:8px 0}.article p{max-width:750px}
.game-hero{padding:75px 0;background:radial-gradient(circle at 20% 30%,#4c1d9550,transparent 30%),#0d0e15;border-bottom:1px solid var(--line)}.game-detail{display:grid;grid-template-columns:390px 1fr;gap:60px;align-items:center}.detail-cover{height:450px;border-radius:18px;display:flex;flex-direction:column;justify-content:end;padding:30px;font-size:34px;line-height:.9;letter-spacing:3px}.detail-cover b{font-size:54px}.detail-info h1{font-size:60px;line-height:1;margin:0 0 10px;letter-spacing:-2px}.detail-info>p:not(.eyebrow){color:var(--muted);max-width:680px}.detail-rating{font-size:28px;font-weight:800;margin:24px 0}.detail-rating span{font-size:17px;color:#fbbf24;margin-left:10px}.detail-grid{display:grid;grid-template-columns:1fr 340px;gap:60px}.detail-grid h2{margin-top:0;margin-bottom:14px}.detail-grid p{color:var(--muted)}.feature-list{padding:0;list-style:none}.feature-list li{padding:11px 0;border-bottom:1px solid var(--line)}.feature-list li:before{content:'✓';color:#a78bfa;margin-right:12px}.requirements{background:var(--panel);border:1px solid var(--line);padding:24px;border-radius:15px}.requirements h2{font-size:20px}.requirements p{border-bottom:1px solid var(--line);padding-bottom:12px}.requirements p:last-child{border:0}
.about{display:grid;grid-template-columns:1.2fr .8fr;gap:80px}.about p{color:var(--muted);max-width:700px}.stats{display:grid;gap:12px}.stats div{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.stats b{font-size:28px;display:block}.stats span{color:var(--muted);font-size:13px}
footer{border-top:1px solid var(--line);padding:35px 0;background:#06070a}.footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:50px;color:var(--muted);font-size:12px}.footer p{margin:8px 0}.footer-links{display:flex;gap:20px}.footer-links a:hover{color:#fff}
@media(max-width:900px){.game-grid{grid-template-columns:repeat(2,1fr)}.hero-grid,.game-detail,.about{grid-template-columns:1fr}.hero-card{max-width:600px}.news-grid,.detail-grid{grid-template-columns:1fr}.genre-grid{grid-template-columns:repeat(2,1fr)}.game-detail{gap:30px}.detail-cover{height:320px}.detail-info h1{font-size:45px}.footer{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.container{width:min(100% - 28px,var(--max))}.nav{height:65px}nav{display:none;position:absolute;top:65px;left:0;right:0;background:#0c0d12;border-bottom:1px solid var(--line);padding:18px 20px;flex-direction:column;gap:18px}.nav.open nav{display:flex}.menu-toggle{display:block}.hero{padding:60px 0}.hero h1{font-size:48px}.hero-art{height:260px}.hero-art b{font-size:45px}.section{padding:55px 0}.section-head{align-items:start;gap:15px;flex-direction:column}.game-grid,.genre-grid{grid-template-columns:1fr}.news-card,.article{grid-template-columns:1fr}.page-head h1{font-size:40px}.filters{flex-direction:column}.filters input,.filters select{width:100%}.footer{grid-template-columns:1fr;gap:20px}.footer-links{flex-wrap:wrap}}