@font-face{font-family:'Supercell-Magic';src:url('https://font-public.hasbro.com/fonts/Supercell-Magic_5/supercell-magic.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:swap}:root{--color-background:#0E1E2D;--color-surface:#162A3D;--color-primary:#FC0;--color-primary-foreground:#1A1A1D;--color-secondary:#37AC5D;--color-text-primary:#FFF;--color-text-secondary:#9AA5B1;--font-family-headings:'Supercell-Magic',sans-serif;--font-family-body:'Arial',sans-serif;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2.5rem;--border-radius-sm:.25rem;--border-radius-md:.5rem;--border-radius-lg:1rem;--box-shadow-default:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--box-shadow-hover:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family-body);line-height:1.6;font-size:16px}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}section{padding:var(--spacing-xl) 0}h1,h2,h3,h4{font-family:var(--font-family-headings);color:var(--color-primary);line-height:1.2;margin-bottom:var(--spacing-md);text-shadow:2px 2px 4px rgba(0,0,0,0.5)}h1{font-size:2.5rem}h2{font-size:2rem;text-align:center}h3{font-size:1.5rem;color:var(--color-text-primary)}p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.btn-primary{display:inline-block;background-color:var(--color-primary);color:var(--color-primary-foreground);padding:.75rem 1.5rem;border-radius:var(--border-radius-md);font-weight:bold;font-family:var(--font-family-body);text-decoration:none;text-align:center;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--box-shadow-hover);text-decoration:none}.card{background-color:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--box-shadow-default);display:flex;flex-direction:column}.card h3{margin-top:0}header{background-color:rgba(14,30,45,0.8);backdrop-filter:blur(10px);padding:var(--spacing-md) 0;position:fixed;top:0;left:0;width:100%;z-index:1000}.header-container{display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-family-headings);font-size:1.75rem;font-weight:bold;color:var(--color-primary);text-shadow:1px 1px 2px rgba(0,0,0,0.7)}.logo:hover{text-decoration:none}.nav-links{display:flex;list-style:none;gap:var(--spacing-lg)}.nav-links a{color:var(--color-text-primary);font-weight:bold;transition:color .2s ease}.nav-links a:hover{color:var(--color-primary);text-decoration:none}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}.hamburger .bar{width:25px;height:3px;background-color:var(--color-text-primary);border-radius:var(--border-radius-sm);transition:all .3s ease-in-out}.hero{padding-top:150px;padding-bottom:80px;text-align:center;display:flex;flex-direction:column;align-items:center}.hero .container{max-width:800px}.hero p{font-size:1.1rem;max-width:600px;margin-left:auto;margin-right:auto;margin-bottom:var(--spacing-lg)}.grid-container{display:grid;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.features-grid{grid-template-columns:repeat(3,1fr)}.testimonials-grid{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:repeat(3,1fr)}.feature-card ul{list-style:none;color:var(--color-text-secondary)}.feature-card li{position:relative;padding-left:25px;margin-bottom:var(--spacing-sm)}.feature-card li::before{content:'✔';position:absolute;left:0;color:var(--color-secondary);font-weight:bold}.about-section p{max-width:900px;margin-left:auto;margin-right:auto;text-align:justify}.testimonial-card p:first-of-type{font-style:italic;color:var(--color-text-primary);flex-grow:1}.testimonial-card p:last-of-type{font-weight:bold;color:var(--color-secondary);margin-bottom:0;text-align:right}.faq-card p{margin-bottom:0}.cta-section{text-align:center;background-color:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);margin:var(--spacing-xl) auto}.cta-section p{max-width:600px;margin:0 auto var(--spacing-lg)}footer{padding:var(--spacing-lg) 0;text-align:center;color:var(--color-text-secondary);border-top:1px solid var(--color-surface)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.social-links{display:flex;gap:var(--spacing-md)}.social-links a{color:var(--color-text-secondary)}.social-links a:hover{color:var(--color-primary);transform:translateY(-2px);transition:color .2s ease,transform .2s ease}.social-links svg{width:24px;height:24px;fill:currentColor}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.nav-links{display:none;flex-direction:column;position:absolute;top:70px;right:0;background-color:var(--color-surface);width:100%;text-align:center;padding:var(--spacing-md) 0;box-shadow:var(--box-shadow-default)}.nav-links.active{display:flex}.hamburger{display:flex}.hamburger.active .bar:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.features-grid,.testimonials-grid,.faq-grid{grid-template-columns:1fr}}