@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&display=swap');
:root{--bg:#E3F2FD;--primary:#1976D2;--accent:#42A5F5;--text:#0D47A1;--surface:#FFF;--bubble:#BBDEFB}
*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Quicksand',sans-serif;background:linear-gradient(135deg,var(--bg) 0%,#FFF 100%);color:var(--text);line-height:1.6}
.container{max-width:1100px;margin:0 auto;padding:0 20px}.main-header{background:var(--surface);padding:16px 0;border-bottom:2px solid var(--accent);box-shadow:0 3px 10px rgba(25,118,210,0.2)}
.main-header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.logo-link img{max-height:60px}
.main-nav ul{list-style:none;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.main-nav a{color:var(--primary);text-decoration:none;font-weight:700;font-size:0.95em;transition:all 0.3s;border-radius:20px;padding:8px 16px}
.main-nav a:hover{background:var(--bubble);color:var(--text)}.play-now-btn{background:linear-gradient(135deg,var(--primary),var(--accent));color:#FFF!important;border-radius:25px;padding:10px 24px;box-shadow:0 4px 12px rgba(66,165,245,0.4)}
.hero-section{padding:30px 0;text-align:center}.hero-section img{width:100%;max-height:380px;object-fit:cover;border-radius:20px;border:3px solid var(--accent);box-shadow:0 6px 20px rgba(25,118,210,0.3)}
.page-title{font-size:3.5em;text-align:center;margin:30px 0;color:var(--primary);font-weight:700}
.bubble-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;padding:20px 0}
.bubble-item{background:var(--surface);border-radius:50px;overflow:hidden;border:3px solid var(--accent);box-shadow:0 5px 15px rgba(25,118,210,0.2);transition:all 0.3s;position:relative}
.bubble-item::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--bubble) 0%,transparent 70%);opacity:0;transition:opacity 0.3s;pointer-events:none}
.bubble-item:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 10px 25px rgba(66,165,245,0.4)}.bubble-item:hover::before{opacity:0.3}
.bubble-item img{width:100%;height:180px;object-fit:cover}.bubble-content{padding:20px}.bubble-content h2{color:var(--primary);margin-bottom:10px;font-size:1.5em;font-weight:700}
.bubble-content p{font-size:0.95em;line-height:1.6}.main-footer{background:var(--primary);color:#FFF;padding:40px 0;margin-top:40px;border-top:3px solid var(--accent)}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px}.footer-column h3{color:var(--accent);margin-bottom:12px;font-weight:700}
.footer-column ul{list-style:none}.footer-column li{margin-bottom:6px}.footer-column a{color:#FFF;text-decoration:none;transition:color 0.3s}.footer-column a:hover{color:var(--bubble)}
.faq-section,.review-section{padding:25px;border-radius:30px;background:var(--surface);margin:30px auto;max-width:850px;border:3px solid var(--accent);box-shadow:0 6px 18px rgba(25,118,210,0.3)}
.faq-item,.review-item{border-bottom:2px solid var(--bubble);padding:12px 0}.faq-item:last-child,.review-item:last-child{border-bottom:none}
.faq-item h3{color:var(--primary);font-weight:700;margin-bottom:8px;font-size:1.2em}.review-item p{font-style:italic;margin-bottom:10px}
.review-item span{display:block;text-align:right;font-weight:700;color:var(--accent)}@media (max-width:768px){.bubble-grid{grid-template-columns:1fr}}