@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";body{font-family:Inter,sans-serif;margin:0;padding:0;background-color:#f9f9fb;color:#333;line-height:1.6}.hero{position:relative;max-width:1200px;margin:0 auto;padding:6rem 2rem;display:grid;grid-template-columns:1fr;gap:2rem;border-radius:2rem;overflow:hidden;background-color:#e3f2fd}.hero:before{content:"";position:absolute;inset:0;background:url(https://images.unsplash.com/photo-1588776814546-4c5c6071d9c4?auto=format&fit=crop&w=1470&q=80) center/cover no-repeat;opacity:.25;z-index:0}.hero-content{position:relative;z-index:1}.hero h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#1e3a8a}.hero p{font-size:1.125rem;margin-bottom:2rem;color:#555}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.hero-buttons button{padding:.75rem 1.5rem;border-radius:1.5rem;font-weight:500;border:none;cursor:pointer;box-shadow:0 4px 8px #0000001a;transition:all .3s ease}.hero-buttons .primary{background-color:#2563eb;color:#fff}.hero-buttons .primary:hover{background-color:#1d4ed8}.hero-buttons .secondary{background-color:#fff;color:#2563eb;border:2px solid #2563eb}.hero-buttons .secondary:hover{background-color:#e0e7ff}.services{max-width:1200px;margin:6rem auto;padding:0 2rem;text-align:center}.services h2{font-size:2rem;font-weight:600;margin-bottom:3rem;color:#1e3a8a}.services-grid{display:grid;grid-template-columns:1fr;gap:2rem}.service-card{background-color:#e3f2fd;padding:2rem;border-radius:2rem;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.service-card:hover{box-shadow:0 6px 16px #00000026}.service-card h3{font-size:1.25rem;font-weight:600;margin-top:1rem;margin-bottom:.5rem;color:#1e3a8a}.service-card p{color:#555}.about{max-width:800px;margin:6rem auto;padding:0 2rem;text-align:center}.about h2{font-size:2rem;font-weight:600;margin-bottom:1.5rem;color:#1e3a8a}.about p{font-size:1.125rem;color:#555}.contact{max-width:800px;margin:6rem auto;padding:2rem}.contact h2{font-size:2rem;font-weight:600;margin-bottom:1rem;text-align:center;color:#1e3a8a}.contact p{text-align:center;margin-bottom:2rem;color:#555}.contact form{display:flex;flex-direction:column;gap:1rem;background-color:#fff;padding:2rem;border-radius:2rem;box-shadow:0 4px 12px #0000001a}.contact input,.contact textarea{padding:.75rem 1rem;border-radius:1rem;border:1px solid #ccc;font-size:1rem;font-family:Inter,sans-serif;resize:none;transition:all .3s ease}.contact input:focus,.contact textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb4d}.contact button{padding:.75rem 1.5rem;border-radius:1.5rem;border:none;font-weight:500;background-color:#2563eb;color:#fff;cursor:pointer;box-shadow:0 4px 8px #0000001a;transition:all .3s ease}.contact button:hover{background-color:#1d4ed8}@media(min-width:768px){.hero{grid-template-columns:1fr 1fr}.services-grid{grid-template-columns:repeat(3,1fr)}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.flex{display:flex}.flex-col{flex-direction:column}.border{border-style:var(--tw-border-style);border-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}body{font-family:Inter,sans-serif}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}