@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";
:root{--primary:#1a6b5a;--color-petrol-dark:#1b3a4b;--color-teal-dark:#1a6b5a;--color-green-vibrant:#2eaf6e;--color-green-light:#4cd68a;--color-white:#fff;--color-gray-light:#f4f7f6;--color-navy-dark:#0d1b2a;--color-text-main:#2d3748;--color-text-muted:#718096;--gradient-primary:linear-gradient(135deg, var(--color-teal-dark) 0%, var(--color-green-vibrant) 100%);--gradient-secondary:linear-gradient(135deg, var(--color-petrol-dark) 0%, var(--color-teal-dark) 100%);--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000001f, 0 1px 2px #0000003d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 20px #00000014;--shadow-hover:0 14px 28px #2eaf6e26}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--color-gray-light);color:var(--color-text-main);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-petrol-dark);font-weight:700;line-height:1.2}a{color:var(--color-green-vibrant);text-decoration:none;transition:color .2s}a:hover{color:var(--color-teal-dark)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{border-radius:var(--radius-full);font-family:var(--font-heading);cursor:pointer;border:none;justify-content:center;align-items:center;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:0 4px 15px #2eaf6e4d}.btn-primary:hover{color:var(--color-white);transform:translateY(-2px);box-shadow:0 6px 20px #2eaf6e66}.btn-outline{border:2px solid var(--color-teal-dark);color:var(--color-teal-dark);background:0 0}.btn-outline:hover{background:var(--color-teal-dark);color:var(--color-white)}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#ffffffd9;border:1px solid #ffffff4d;padding:30px;transition:all .3s}.glass-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}.navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000000d;padding:15px 0;position:sticky;top:0}.navbar .container{justify-content:space-between;align-items:center;display:flex}.nav-links{gap:30px;list-style:none;display:flex}.nav-links a{color:var(--color-petrol-dark);font-weight:500;font-family:var(--font-heading)}.nav-links a:hover{color:var(--color-green-vibrant)}.hero{background:var(--color-white);padding:100px 0;position:relative;overflow:hidden}.hero-bg{z-index:0;background:radial-gradient(circle,#4cd68a1a 0%,#fff0 70%);border-radius:50%;width:800px;height:800px;position:absolute;top:-50%;right:-10%}.hero .container{z-index:1;align-items:center;gap:50px;display:flex;position:relative}.hero-content{flex:1}.hero-title{margin-bottom:20px;font-size:3.5rem}.hero-title span{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--color-text-muted);max-width:500px;margin-bottom:40px;font-size:1.25rem}.hero-image{flex:1;position:relative}.hero-image img{border-radius:var(--radius-lg);width:100%;height:auto;box-shadow:var(--shadow-lg)}.grid-2,.grid-3,.grid-4{gap:30px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-1-2{grid-template-columns:1fr 2fr;gap:40px;display:grid}@media (max-width:768px){.navbar .container{flex-direction:column;gap:15px}.nav-links{flex-wrap:wrap;justify-content:center;gap:15px}.hero{padding:50px 0}.hero .container{text-align:center;flex-direction:column}.hero-title{font-size:2.2rem}.grid-2,.grid-3,.grid-4,.grid-1-2{grid-template-columns:1fr}.btn{width:100%;margin-bottom:10px}}.social-hover-card:hover{transform:translateY(-10px)}@keyframes rotateLaser{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.laser-border{border-radius:var(--radius-lg);z-index:0;background:#fff;padding:4px;position:relative;overflow:hidden}.laser-border:before{content:"";z-index:-2;background:conic-gradient(#0000 70%,#25f4ee 80%,#00f0ff 90%,#0000 100%);width:150%;height:150%;animation:3s linear infinite rotateLaser;position:absolute;top:50%;left:50%}.laser-border:after{content:"";border-radius:calc(var(--radius-lg) - 2px);z-index:-1;background:#fff;position:absolute;inset:4px}.laser-border img{z-index:1;position:relative}