:root{--primary-bg: #fff9fb;--secondary-bg: #fff0f5;--accent-color: #ff8ba7;--text-color: #5d4037;--card-bg: rgba(255, 255, 255, .8);--border-color: #ffb7b2;--gradient-main: linear-gradient(135deg, #ffdde1 0%, #ee9ca7 100%);--shadow-soft: 0 8px 30px rgba(0, 0, 0, .05);--font-main: "M PLUS Rounded 1c", "Inter", system-ui, sans-serif}body{margin:0;font-family:var(--font-main);background:var(--primary-bg);color:var(--text-color);min-height:100vh}#app{max-width:1200px;margin:0 auto;padding:40px 20px}header{text-align:center;margin-bottom:60px}.logo h1{font-size:3rem;margin:0;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:2px 2px 4px rgba(0,0,0,.05)}.logo p{font-size:1.2rem;opacity:.8;margin-top:10px}.hero{background:var(--gradient-main);border-radius:30px;padding:60px 40px;color:#fff;text-align:center;margin-bottom:60px;box-shadow:0 15px 35px #ee9ca74d;position:relative;overflow:hidden}.hero h2{font-size:2.5rem;margin-bottom:20px}.hero-content{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap}.featured-img{max-width:300px;border-radius:20px;box-shadow:0 10px 20px #0000001a;border:5px solid white}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;margin-bottom:60px}.game-card{background:var(--card-bg);border:3px solid var(--border-color);border-radius:25px;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;text-decoration:none;color:inherit}.game-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-soft)}.game-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:15px;margin-bottom:15px}.game-card h3{margin:10px 0;color:var(--accent-color)}.btn{display:inline-block;padding:12px 30px;background:#fff;color:var(--accent-color);border-radius:50px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s ease}.btn:hover{transform:scale(1.05);box-shadow:0 5px 15px #0000001a}.ad-section{width:100%;max-width:728px;height:90px;background:#ffffff80;border:2px dashed var(--border-color);margin:40px auto;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--accent-color);font-size:.8rem}footer{text-align:center;padding:40px 0;border-top:1px solid var(--border-color);margin-top:60px;font-size:.9rem;opacity:.7}footer a{color:inherit;margin:0 15px;text-decoration:none}@media(max-width:768px){.hero h2{font-size:1.8rem}.logo h1{font-size:2.222rem}}