.container{width:100%;margin-top:3rem}.hero{background:linear-gradient(#fff,#ddd9ff);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.hero .pageleft{max-width:600px;padding:8rem 3rem}.hero img{width:20rem;height:auto;margin-right:5rem}.cards{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:2rem;margin:2rem auto;padding:0 1rem;display:grid}.card{cursor:pointer;color:#000;background:#fff;border-radius:1rem;width:100%;height:25rem;text-decoration:none;transition:all .2s}.card:hover{transform:translateY(-5px)}.card img{object-fit:cover;border-top-left-radius:1rem;border-top-right-radius:1rem;width:100%;height:15rem}.card h2,.card p{margin:1rem}.noUnderline{color:inherit;text-decoration:none}.content{color:#222;max-width:900px;margin:4rem auto;padding:0 1.5rem;line-height:1.8}.content h2{color:#111;margin-top:2.5rem;margin-bottom:.8rem;font-size:1.6rem}.content p{margin-bottom:1.2rem;font-size:1rem}.content ul{margin:1rem 0 1.5rem 1.5rem}.content ul li{margin-bottom:.6rem;list-style-type:disc}.content a{color:#4f46e5;text-decoration:underline}.content a:hover{text-decoration:none}.content strong{color:#000}@media (max-width:700px){.content{margin:3rem auto;padding:0 1rem}.content h2{font-size:1.4rem}.content p{font-size:.95rem}}@media (max-width:1024px){.hero{text-align:center;flex-direction:column}.hero .pageleft{padding:4rem 2rem}.hero img{width:16rem;margin:2rem 0}}@media (max-width:700px){.hero .pageleft{padding:3rem 1.5rem}.hero img{width:14rem}.cards{grid-template-columns:1fr}}@media (max-width:481px){.container{margin-top:0}.hero .pageleft{padding:3rem 1.5rem}.hero img{width:14rem}.cards{grid-template-columns:1fr}}