*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body,html{margin:0;padding:0;font-family:Segoe UI,Arial,sans-serif;overflow-x:hidden;width:100%;scroll-behavior:smooth}section{width:100%;padding:5rem 5%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;z-index:1}section h2{font-size:2.5rem;margin-bottom:1.5rem;text-align:center;color:#333}.hero-section{background-image:linear-gradient(to right,#e0efff,#f0f4ff);color:#1e40af;padding:5rem 5% 3rem;text-align:center;overflow:hidden}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;margin:0 auto}.hero-text{text-align:left;display:flex;flex-direction:column;justify-content:center}.hero-text h1{font-size:3.5rem;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.2);line-height:1.1}.hero-text p{font-size:1.5rem;margin-bottom:2rem;text-shadow:0 2px 5px rgba(0,0,0,.1);text-align:left;max-width:none}.hero-text .flex{justify-content:flex-start}.hero-image{display:flex;justify-content:center;align-items:center;position:relative}.mobile-hero-image{max-width:350px;width:100%;height:auto;border-radius:20px;box-shadow:0 20px 40px #0000004d;transform:perspective(1000px) rotateY(-15deg) rotateX(5deg);transition:transform .3s ease}.mobile-hero-image:hover{transform:perspective(1000px) rotateY(-10deg) rotateX(2deg) scale(1.02)}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-text{text-align:center;order:1}.hero-text h1{font-size:2.5rem}.hero-text p{font-size:1.2rem;text-align:center}.hero-text .flex{justify-content:center;flex-direction:column;align-items:center}.hero-image{order:2}.mobile-hero-image{max-width:280px;transform:none}.mobile-hero-image:hover{transform:scale(1.02)}}.button,button,[size=lg]{display:inline-block;padding:12px 24px;font-weight:500;text-decoration:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:1rem;border:none;background-color:#2563eb;color:#fff;min-width:160px;box-shadow:0 2px 6px #00000026}button:hover,.button:hover{background-color:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #0003}[variant=outline],.variant-outline,.border-white,.text-white.border-white{background-color:#2563eb;color:#fff;border:none}[variant=outline]:hover,.variant-outline:hover,.text-white.border-white:hover{background-color:#1d4ed8}.bg-white.text-blue-600{background-color:#2563eb;color:#fff}.bg-white.text-blue-600:hover{background-color:#1d4ed8}.grid-4-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;width:100%;max-width:1200px;margin:2rem auto;justify-items:center}.grid-3-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;max-width:1200px;margin:2rem auto;justify-items:center}.card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.card-content{padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center}.p-6{padding:1.5rem}.shadow-md{box-shadow:0 4px 6px #0000001a}.shadow-sm{box-shadow:0 2px 4px #0000000d}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.gap-4{gap:1rem}.text-blue-600{color:#4a6cff}.text-3xl{font-size:1.875rem}.text-xl{font-size:1.25rem}.font-semibold{font-weight:600}.text-sm{font-size:.875rem}.text-gray-600{color:#6b7280}.text-gray-700{color:#4b5563}.text-gray-900{color:#111827}.italic{font-style:italic}.mb-4{margin-bottom:1rem}.bg-gray-100{background-color:#f3f4f6}.bg-indigo-50{background-color:#eef2ff}.bg-blue-600{background-color:#2563eb}.text-center,.mx-auto,.max-w-6xl{text-align:center;margin-left:auto;margin-right:auto}.max-w-6xl{width:100%;max-width:72rem;display:flex;flex-direction:column;align-items:center}p{text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.text-lg{font-size:1.125rem}.text-white{color:#fff}.bg-white{background-color:#fff}.text-5xl{font-size:3rem}.text-4xl{font-size:2.25rem}.font-bold{font-weight:700}.rounded-xl{border-radius:.75rem}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.text-white.border-white,.bg-white.text-blue-600,.text-blue-600,[variant=outline]{background-color:#2563eb!important;color:#fff!important;border:none!important}.py-20{padding-top:5rem;padding-bottom:5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.max-w-6xl{max-width:72rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.flex{display:flex}.flex.justify-center.gap-4,div[class*="flex justify-center gap"]{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%;margin:1rem 0}.w-full{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}@media (max-width: 768px){section h2{font-size:2rem}.grid-4-col,.grid-3-col{grid-template-columns:1fr}.flex{flex-direction:column}.gap-4,.gap-6,.gap-8{gap:1rem}}[size=lg],.size-lg{padding:.75rem 1.5rem;font-size:1.125rem;min-width:140px}.variant-outline{background-color:transparent;border:2px solid}.text-blue-600{color:#2563eb}img{max-width:100%;height:auto}@media (min-width: 768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}