@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Nunito:wght@400;600;700;800&family=Quicksand:wght@400;600;700&display=swap);:root{--color-primary-navy:#1B2A4A;--color-accent-orange:#F4A261;--color-accent-orange-hover:#E08F4E;--color-accent-coral:#E76F51;--color-accent-coral-hover:#D35B3E;--color-accent-blue:#00B4D8;--color-accent-blue-hover:#0096B4;--color-accent-green:#2EC4B6;--color-accent-green-hover:#25A296;--color-bg-main:#F8F9FA;--color-bg-alt:#F0F4F8;--color-card-bg:#FFFFFF;--color-text:#1B2A4A;--color-text-light:#4A5D80;--font-primary:'Quicksand', 'Nunito', sans-serif;--font-heading:'Fredoka', sans-serif;--border-radius-sm:12px;--border-radius-lg:24px;--box-shadow:0 8px 24px rgba(27, 42, 74, 0.06);--transition-speed:0.3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--color-bg-main);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.section-title,.card__title,.game-card__title,.hero__title{font-family:var(--font-heading);font-weight:700;line-height:1.2;margin-bottom:16px;color:var(--color-primary-navy)}p{font-size:1.125rem;color:var(--color-text-light);margin-bottom:24px}.section-title{font-size:2.25rem;text-align:center;margin-bottom:40px}.header__container,.hero__container,.playground__container,.shop__container,.about__container,.contact__container,.footer__container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.button,a.button,button.button{display:inline-block;width:260px;height:54px;padding:14px 20px;border-radius:var(--border-radius-lg);text-decoration:none;font-family:var(--font-heading);font-weight:700;font-size:1.125rem;text-align:center;line-height:24px;border:none;cursor:pointer;transition:all var(--transition-speed);color:#FFFFFF!important;box-shadow:0 4px 10px rgb(0 0 0 / .05)}.button--full{width:260px;margin:0 auto;display:block}.button--primary{background-color:var(--color-accent-coral)!important}.button--primary:hover{background-color:var(--color-accent-coral-hover)!important;transform:translateY(-2px);box-shadow:0 6px 16px rgb(231 111 81 / .3)}.button--accent-blue{background-color:var(--color-accent-blue)!important}.button--accent-blue:hover{background-color:var(--color-accent-blue-hover)!important;transform:translateY(-2px);box-shadow:0 6px 16px rgb(0 180 216 / .3)}.button--accent-green{background-color:var(--color-accent-green)!important}.button--accent-green:hover{background-color:var(--color-accent-green-hover)!important;transform:translateY(-2px);box-shadow:0 6px 16px rgb(46 196 182 / .3)}.button--navy,button[type="submit"],.contact button{background-color:var(--color-primary-navy)!important}.button--navy:hover,button[type="submit"]:hover,.contact button:hover{background-color:#121D33!important;transform:translateY(-2px);box-shadow:0 6px 16px rgb(27 42 74 / .3)}.hero{padding:80px 0;text-align:center;background-color:var(--color-bg-main)}.hero__title{font-size:3rem;margin-bottom:20px}.hero__subtitle{max-width:680px;margin:0 auto 36px auto;font-size:1.25rem}.header{background-color:rgb(255 255 255 / .95);backdrop-filter:blur(8px);position:sticky;top:0;z-index:1000;padding:16px 0;box-shadow:0 2px 12px rgb(27 42 74 / .05)}.header__container{display:flex;justify-content:space-between;align-items:center}.header__nav-list{display:flex;list-style:none;gap:28px;align-items:center}.header__nav-link{text-decoration:none;color:var(--color-primary-navy);font-weight:600;font-size:1.05rem;transition:color var(--transition-speed)}.header__nav-link:hover{color:var(--color-accent-coral)}.playground{padding:60px 0}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}.game-card{background-color:var(--color-card-bg);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--box-shadow);display:flex;flex-direction:column;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.game-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgb(27 42 74 / .1)}.game-card__media{width:100%;overflow:hidden;background-color:var(--color-bg-alt)}.game-card__image{width:100%;height:240px;object-fit:cover;display:block}.game-card__content{padding:24px;display:flex;flex-direction:column;flex-grow:1}.game-card__tags{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.tag{background-color:var(--color-bg-alt);color:var(--color-primary-navy);font-family:var(--font-heading);font-size:.85rem;font-weight:600;padding:6px 14px;border-radius:20px}.game-card__title{font-size:1.4rem;margin-bottom:8px}.game-card__desc{font-size:1rem;margin-bottom:20px;flex-grow:1}.filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:40px}.filter-btn{background-color:var(--color-card-bg);color:var(--color-primary-navy);border:2px solid #E2E8F0;padding:10px 22px;border-radius:30px;font-size:.95rem;font-weight:700;cursor:pointer;font-family:var(--font-heading);transition:all var(--transition-speed)}.filter-btn:hover{border-color:var(--color-accent-blue);color:var(--color-accent-blue)}.filter-btn.active{background-color:var(--color-accent-blue);color:#FFF;border-color:var(--color-accent-blue)}.shop{padding:80px 0;background-color:var(--color-bg-alt)}.shop__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.card{background-color:var(--color-card-bg);padding:36px;border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);display:flex;flex-direction:column;align-items:center;text-align:center}.card__subtitle{font-size:1.3rem;margin-bottom:12px}.card__text{font-size:1rem;margin-bottom:24px;flex-grow:1}.about{padding:80px 0;background-color:var(--color-primary-navy);text-align:center}.about .section-title{color:#FFF}.about__text{color:#E2E8F0;max-width:760px;margin:0 auto;font-size:1.2rem}.contact{padding:80px 0;background-color:var(--color-bg-main)}.footer{padding:32px 0;background-color:var(--color-card-bg);border-top:1px solid #E2E8F0}.footer__branding{display:flex;align-items:center;flex-wrap:wrap}.footer__text{margin-bottom:0;font-size:.95rem}.footer__privacy{color:var(--color-text-light);text-decoration:none;font-weight:400;font-size:.95rem}.footer__privacy:hover{text-decoration:underline;color:var(--color-primary-navy)}.social-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary-navy);padding:10px;border-radius:50%;background-color:var(--color-bg-alt);transition:all var(--transition-speed)}.social-icon:hover{color:#FFF;background-color:var(--color-accent-blue);transform:translateY(-2px)}@media (max-width:768px){.header__container{flex-direction:column;gap:16px}.header__nav-list{gap:16px;flex-wrap:wrap;justify-content:center}.hero__title{font-size:2.2rem}.section-title{font-size:1.8rem}.button{width:100%}}