@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lato:wght@300;400;700;900&family=Outfit:wght@400;600;700;800&display=swap";
:root{--color-ocean-deep:#0b2b41;--color-ocean-primary:#0d66a5;--color-ocean-light:#369be2;--color-ocean-pale:#deedf7;--color-sunset-orange:#fa8938;--color-sunset-coral:#f67e55;--color-golden:#ffd24c;--color-sand:#eee8dd;--color-sand-dark:#ccc4b3;--color-text-primary:#21262c;--color-text-secondary:#5c6670;--color-text-light:#9199a1;--color-white:#fff;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--font-sans:"Lato",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Outfit","Lato",sans-serif;--font-lato:"Lato",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-inter:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3.5rem;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 25px #0000001a;--shadow-xl:0 20px 40px #00000026;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--transition-fast:.15s ease-in-out;--transition-base:.25s ease-in-out;--transition-slow:.4s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-lato);color:var(--color-text-primary);background:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);margin-bottom:var(--space-md);font-weight:700;line-height:1.2}h1{font-size:var(--text-5xl);background:linear-gradient(135deg,var(--color-ocean-primary),var(--color-ocean-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}h2{font-size:var(--text-4xl);color:var(--color-ocean-deep)}h3{font-size:var(--text-2xl);color:var(--color-ocean-primary)}p{margin-bottom:var(--space-sm);color:var(--color-text-secondary)}.container{max-width:1200px;padding:0 var(--space-lg);margin:0 auto}.section{padding:var(--space-3xl)0}.section-alt{background:var(--color-ocean-pale)}.grid{gap:var(--space-lg);display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,var(--color-ocean-primary),var(--color-ocean-light));transform-origin:0;height:4px;transition:transform var(--transition-base);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card:hover:before{transform:scaleX(1)}.card-image{object-fit:cover;border-radius:var(--radius-lg);width:100%;height:200px;margin-bottom:var(--space-md)}.card-title{font-size:var(--text-xl);color:var(--color-ocean-deep);margin-bottom:var(--space-xs);font-weight:600}.card-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.btn{padding:var(--space-sm)var(--space-lg);font-size:var(--text-base);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;font-weight:600;font-family:var(--font-sans);border:none;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(135deg,var(--color-ocean-primary),var(--color-ocean-light));color:var(--color-white);box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.badge{padding:var(--space-xs)var(--space-sm);font-size:var(--text-xs);border-radius:var(--radius-sm);background:var(--color-ocean-pale);color:var(--color-ocean-primary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;display:inline-block}.hero{text-align:center;background:linear-gradient(135deg,var(--color-ocean-deep)0%,var(--color-ocean-primary)100%);min-height:85vh;color:var(--color-white);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg width=\"100\" height=\"100\" xmlns=\"http://www.w3.org/2000/svg\"><defs><pattern id=\"grid\" width=\"100\" height=\"100\" patternUnits=\"userSpaceOnUse\"><path d=\"M 100 0 L 0 0 0 100\" fill=\"none\" stroke=\"rgba(255,255,255,0.05)\" stroke-width=\"1\"/></pattern></defs><rect width=\"100%\" height=\"100%\" fill=\"url(%23grid)\"/></svg>");position:absolute;inset:0}.hero-content{z-index:1;max-width:800px;padding:var(--space-xl);position:relative}.hero h1{margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--color-white),var(--color-ocean-pale));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,8vw,4.5rem);animation:.8s ease-out fadeInUp}.hero p{font-size:var(--text-xl);color:var(--color-ocean-pale);margin-bottom:var(--space-xl);animation:.8s ease-out .2s both fadeInUp}.hero-cta{animation:.8s ease-out .4s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-animation{animation:3s ease-in-out infinite float}.icon-wrapper{border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-ocean-primary),var(--color-ocean-light));width:60px;height:60px;margin-bottom:var(--space-md);font-size:var(--text-3xl);transition:transform var(--transition-base);justify-content:center;align-items:center;display:flex}.card:hover .icon-wrapper{transform:scale(1.1)rotate(5deg)}.footer{background:var(--color-ocean-deep);color:var(--color-ocean-pale);padding:var(--space-2xl)0 var(--space-lg);text-align:center}.footer p{color:var(--color-ocean-pale)}@media (max-width:768px){.section{padding:var(--space-2xl)0}.grid-2,.grid-3{grid-template-columns:1fr}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}}