/*
Theme Name: Smile Now Games
Theme URI: https://example.com/smile-now-games
Author: Aleksander Lamek / ChatGPT
Description: Bright WordPress theme for a mobile games studio, designed for Smile Now: Jigsaw Puzzle Game. Includes home page, game sections, screenshot gallery, and privacy policy template.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: smile-now-games
*/

:root{
  --cyan:#27c8df;
  --cyan-dark:#11a9c5;
  --pink:#ff4cbd;
  --purple:#8b32f5;
  --ink:#432247;
  --yellow:#ffe45c;
  --white:#fff;
  --soft:#fff4ff;
  --shadow:0 16px 40px rgba(67,34,71,.22);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Nunito',system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:linear-gradient(180deg,#38d3e8 0%,#22c2da 45%,#fff7fd 100%);font-size:18px;line-height:1.6}a{color:inherit}img{max-width:100%;height:auto}.container{width:min(1140px,92vw);margin:auto}.site-header{position:sticky;top:0;z-index:99;background:rgba(39,200,223,.88);backdrop-filter:blur(12px);border-bottom:4px solid rgba(255,255,255,.45)}.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;gap:22px}.brand{font-weight:900;font-size:clamp(24px,4vw,42px);letter-spacing:.5px;text-decoration:none;color:#fff;text-shadow:0 4px 0 rgba(67,34,71,.45),-2px 0 #ff7474,2px 0 #75dfff}.menu{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}.menu a,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 24px;font-weight:900;text-decoration:none;color:white;background:linear-gradient(180deg,var(--pink),var(--purple));box-shadow:0 7px 0 rgba(67,34,71,.25),inset 0 2px 0 rgba(255,255,255,.35);border:2px solid rgba(255,255,255,.45)}.btn.secondary{background:#fff;color:var(--ink)}.hero{padding:70px 0 48px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}.badge{display:inline-block;background:#fff;border:4px solid var(--pink);border-radius:999px;padding:8px 18px;font-weight:900;color:var(--ink);box-shadow:var(--shadow)}h1{font-size:clamp(44px,7vw,78px);line-height:.98;margin:24px 0 18px;color:#fff;text-shadow:0 6px 0 rgba(67,34,71,.42),0 12px 30px rgba(67,34,71,.2)}.lead{font-size:clamp(20px,2.2vw,26px);font-weight:800;color:#fff;max-width:760px;text-shadow:0 2px 8px rgba(67,34,71,.32)}.hero-card{background:linear-gradient(180deg,#fff,#fff2ff);border:8px solid #fff;border-radius:42px;padding:22px;box-shadow:var(--shadow);transform:rotate(1.5deg)}.hero-card img{border-radius:30px;display:block}.spark{position:absolute;border-radius:50%;filter:blur(.2px);opacity:.85}.spark.one{width:160px;height:160px;background:#ffe45c;right:6%;top:14%;}.spark.two{width:90px;height:90px;background:#ff4cbd;left:5%;bottom:18%;}.section{padding:70px 0}.panel{background:rgba(255,255,255,.78);border:6px solid rgba(255,255,255,.8);border-radius:42px;padding:38px;box-shadow:var(--shadow)}.section-title{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:0 0 24px;text-align:center}.pill-title{background:linear-gradient(180deg,#fff,#fff2ff);border-radius:999px;padding:10px 28px;display:inline-block}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:#fff;border:4px solid #ffd7f2;border-radius:28px;padding:24px;box-shadow:0 10px 26px rgba(67,34,71,.12)}.feature strong{font-size:22px;display:block;margin-bottom:8px}.screens{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.screens img{border-radius:24px;border:6px solid #fff;box-shadow:0 12px 26px rgba(67,34,71,.18);aspect-ratio:9/16;object-fit:cover;object-position:top}.categories{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.cat{background:#fff;border:3px solid #ff9ddd;border-radius:999px;padding:10px 16px;font-weight:900}.cta{text-align:center;background:linear-gradient(135deg,#ff4cbd,#8b32f5);color:#fff;border-radius:46px;padding:46px;box-shadow:var(--shadow)}.cta h2{font-size:clamp(34px,5vw,56px);margin:0 0 12px}.footer{background:#432247;color:#fff;padding:34px 0;text-align:center}.footer a{color:#ffe45c}.privacy-content{background:#fff;border-radius:32px;padding:40px;box-shadow:var(--shadow)}.privacy-content h1{color:var(--ink);text-shadow:none}.wp-block-button__link{border-radius:999px!important;background:linear-gradient(180deg,var(--pink),var(--purple))!important;font-weight:900}.alignwide{max-width:1140px;margin-left:auto;margin-right:auto}@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.features{grid-template-columns:1fr}.screens{grid-template-columns:repeat(2,1fr)}.nav{align-items:flex-start;flex-direction:column}.menu{justify-content:flex-start}.panel{padding:24px}.hero{padding-top:42px}}@media(max-width:520px){.screens{grid-template-columns:1fr 1fr}.menu a{padding:10px 14px;font-size:15px}.cta{padding:28px}.brand{font-size:25px}}