.hero-section{position:relative;background:linear-gradient(90deg,#e0e7ff,#f8fafc,#e0f2fe);color:white;padding:4rem 1rem;overflow:hidden}.hero-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:3rem}@media (min-width:1024px){.hero-container{padding:6rem 1rem}}.hero-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width:1024px){.hero-grid{grid-template-columns:1fr 1fr}}.hero-content{flex:1;max-width:640px;display:flex;flex-direction:column;gap:1.5rem}.hero-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2;color:#1e293b}@media (min-width:768px){.hero-title{font-size:3rem}}.hero-subtitle{font-size:1.125rem;margin-bottom:2rem;opacity:.9;color:#475569}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.btn{font-size:1rem;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background-color:white;color:#1e3a8a;border:none;transition:background-color .3s ease}.btn-primary:hover{background-color:#e5e7eb}.btn-secondary{background-color:transparent;color:#475569;border:2px solid #ffffff;transition:background-color .3s ease}.btn-secondary:hover{background-color:rgba(255,255,255,.1)}.hero-image-wrapper{flex:1;display:flex;justify-content:center}.hero-image{width:100%;max-width:500px;border-radius:.75rem;box-shadow:0 10px 25px rgba(0,0,0,.3);object-fit:cover}.features-section{padding:4rem 1rem;background-color:#f9fafb}.features-container{max-width:1200px;margin:0 auto;padding:0 1rem}.features-title{font-size:1.875rem;font-weight:700;text-align:center;margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{background-color:white;text-align:center;border-radius:.75rem;padding:2rem;box-shadow:0 4px 12px rgba(0,0,0,.06);transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-card-body{display:flex;flex-direction:column;align-items:center}.feature-icon-wrapper{display:flex;justify-content:center;margin-bottom:1rem}.feature-icon-circle{width:50px;height:50px;border-radius:10%;background-color:#e0e7ff;border:2px solid white}.feature-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.feature-description{color:#6b7280;font-size:1rem;max-width:90%}.category-section{padding:4rem 1rem;background-color:#ffffff}.category-container{max-width:1200px;margin:0 auto;padding:0 1rem}.category-title{font-size:1.875rem;font-weight:700;text-align:center;margin-bottom:3rem}.category-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:768px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.category-grid{grid-template-columns:repeat(4,1fr)}}.category-item{border-radius:.5rem;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.06);background-color:#f9fafb;display:flex;flex-direction:column;justify-content:space-between}.category-image{width:100%;height:12rem;object-fit:cover}.category-button{display:block;text-align:center;background-color:#3877ca;color:white;font-weight:500;padding:.75rem;text-decoration:none;transition:background-color .3s ease}.category-button:hover{background-color:#1a0ec3}.newsletter-section{padding:4rem 0;background-color:#f9fafb;text-align:center}.newsletter-container{max-width:960px;margin:0 auto;padding:0 1rem}.newsletter-title{font-size:1.875rem;font-weight:700;margin-bottom:1rem}.newsletter-description{color:#6b7280;max-width:560px;margin:0 auto 2rem}.newsletter-form{display:flex;flex-direction:column;gap:1rem;justify-content:center;max-width:448px;margin:0 auto}@media (min-width:640px){.newsletter-form{flex-direction:row}}.newsletter-input{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;flex-grow:1;outline:none}.newsletter-input:focus{box-shadow:0 0 0 2px #3b82f6;border-color:#3b82f6}.newsletter-button{padding:.5rem 1.5rem;background-color:#3b82f6;color:white;border:none;border-radius:.5rem;cursor:pointer}.newsletter-button:hover{background-color:#2563eb}