@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";
:root{--black:#0f0f0f;--white:#fff;--yellow:#facc15;--yellow-hover:#eab308;--gray-light:#f3f4f6;--gray:#9ca3af;--text-dark:#1f2937}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--white);color:var(--black);font-family:Outfit,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}nav{border-bottom:1px solid var(--gray-light);justify-content:space-between;align-items:center;padding:1.5rem 0;display:flex}.logo{color:var(--black);text-transform:uppercase;letter-spacing:1px;font-size:1.5rem;font-weight:700}.logo span{color:var(--yellow)}.nav-links{gap:2rem;display:flex}.nav-links a{font-weight:600;transition:color .2s}.nav-links a:hover{color:var(--yellow-hover)}.btn{cursor:pointer;border-radius:9999px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:inline-block}.btn-primary{background-color:var(--yellow);color:var(--black);border:2px solid var(--yellow)}.btn-primary:hover{color:var(--yellow-hover);background-color:#0000}.btn-secondary{background-color:var(--black);color:var(--white);border:2px solid var(--black)}.btn-secondary:hover{background-color:var(--white);color:var(--black)}.hero{text-align:center;background:radial-gradient(circle at center, var(--white) 0%, var(--gray-light) 100%);padding:6rem 0}.hero h1{margin-bottom:1.5rem;font-size:4rem;line-height:1.1}.hero h1 span{color:var(--yellow)}.hero p{color:var(--text-dark);max-width:600px;margin:0 auto 2.5rem;font-size:1.25rem}.hero-ctas{justify-content:center;gap:1rem;display:flex}.brands-strip-container{background-color:var(--gray-light);border-top:1px solid #0000000d;border-bottom:1px solid #0000000d;padding:3rem 0}.brands-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:3rem;display:flex}.brands-strip span{color:var(--gray);margin-right:1rem;font-size:1.1rem;font-weight:600}.brand-logo-small{object-fit:contain;filter:grayscale()opacity(.7);max-width:150px;height:40px;transition:all .3s}.brand-logo-small:hover{filter:grayscale(0%)opacity()}.brand-logo-placeholder{color:var(--gray);text-transform:uppercase;font-size:1.2rem;font-weight:700}.stats{background-color:var(--black);color:var(--white);text-align:center;padding:4rem 0}.stats h2{margin-bottom:3rem;font-size:2.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;display:grid}.stat-card{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:1rem;padding:2rem;transition:transform .3s}.stat-card:hover{border-color:var(--yellow);transform:translateY(-5px)}.stat-icon{color:var(--yellow);margin-bottom:1rem;font-size:2rem}.stat-number{margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.stat-platform{color:var(--gray);font-size:1.1rem}.about{padding:6rem 0}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.about-image{background-color:var(--gray-light);width:100%;height:500px;color:var(--gray);border:4px solid var(--yellow);border-radius:1rem;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.about-content h2{margin-bottom:1.5rem;font-size:2.5rem}.about-content p{color:var(--text-dark);margin-bottom:2rem;font-size:1.1rem;line-height:1.8}.dynamic-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;display:grid}.dynamic-card{background:var(--white);border:1px solid var(--gray-light);border-radius:1rem;transition:transform .3s,box-shadow .3s;display:block;overflow:hidden}.dynamic-card:hover{border-color:var(--yellow);transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.dynamic-img{object-fit:cover;border-bottom:1px solid var(--gray-light);width:100%;height:160px}.dynamic-img-placeholder{background:var(--gray-light);width:100%;height:160px;color:var(--gray);border-bottom:1px solid var(--gray-light);justify-content:center;align-items:center;display:flex}.dynamic-title{color:var(--black);text-align:center;padding:1.25rem;font-size:1.1rem;font-weight:600}.newsletter{background-color:var(--yellow);color:var(--black);text-align:center;padding:5rem 0}.newsletter h2{margin-bottom:1rem;font-size:2.5rem}.newsletter p{max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.2rem}.newsletter-form{justify-content:center;gap:1rem;max-width:500px;margin:0 auto;display:flex}.newsletter-form input{border:none;border-radius:9999px;flex:1;padding:1rem 1.5rem;font-family:inherit;font-size:1rem}.newsletter-form input:focus{outline:2px solid var(--black)}.admin-container{background:var(--gray-light);border-radius:1rem;max-width:800px;margin:4rem auto;padding:2rem}.admin-header{border-bottom:1px solid var(--gray);margin-bottom:2rem;padding-bottom:1rem}.form-group{margin-bottom:1.5rem}.form-group label{margin-bottom:.5rem;font-weight:600;display:block}.form-group input,.form-group textarea{border:1px solid var(--gray);border-radius:.5rem;width:100%;padding:.75rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus{border-color:var(--yellow);outline:none;box-shadow:0 0 0 2px #facc1533}@media (max-width:768px){.hero h1{font-size:2.5rem}.about-grid{grid-template-columns:1fr}.newsletter-form{flex-direction:column}.nav-links{display:none}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleInFade{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.anim-slide-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideUpFade}.anim-scale-in{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) forwards scaleInFade}.anim-delay-1{animation-delay:.15s}.anim-delay-2{animation-delay:.3s}.anim-delay-3{animation-delay:.45s}.reveal-on-scroll{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}