.hero,.hero *{font-family:Poppins,sans-serif}.hero{background:radial-gradient(132.34% 88.8% at 47.82% 46.67%,#01231d 0,#005645 100%),#013f34;overflow:hidden;padding:180px 207px 120px;position:relative}.hero-inner{align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1100px;position:relative}.hero-content{animation:fadeUp .8s ease both;animation-delay:.1s;text-align:left}.hero-eyebrow{color:hsla(0,0%,100%,.6);font-size:20px;font-weight:500;letter-spacing:.15em;margin-bottom:20px;text-transform:uppercase}.hero h1{font-size:clamp(2.2rem,4.5vw,3.5rem);font-weight:700}.hero h1,.hero-subheader{color:var(--white,#fff);letter-spacing:-.02em;line-height:1.1;margin-bottom:36px}.hero-subheader{font-size:24px}.hero-buttons{display:flex;gap:14px}.btn-primary{background:var(--green-accent,#d5ff7e);border:none;border-radius:50px;color:var(--teal-dark,#0a2e2e);cursor:pointer;display:inline-block;font-size:.9rem;font-weight:700;padding:14px 32px;text-decoration:none;transition:transform .2s,box-shadow .2s}.btn-primary:hover{box-shadow:0 6px 24px rgba(213,255,126,.35);transform:translateY(-2px)}.btn-secondary{background:transparent;border:1.5px solid hsla(0,0%,100%,.35);border-radius:50px;color:var(--white,#fff);cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:14px 32px;text-decoration:none;transition:border-color .2s,background .2s}.btn-secondary:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.7)}.hero-image-wrapper{animation:fadeUp .8s ease both;animation-delay:.3s}.hero-image-circle,.hero-image-wrapper{align-items:center;display:flex;justify-content:center}.hero-image-circle{backdrop-filter:blur(4px);background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.05));border:2px solid hsla(0,0%,100%,.12);border-radius:50%;height:320px;overflow:hidden;width:320px}.hero-image-circle img{height:100%;object-fit:cover;width:100%}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.hero{padding:140px 60px 100px}}@media (max-width:768px){.hero{padding:120px 24px 60px}.hero-inner{gap:40px;grid-template-columns:1fr}.hero-content,.hero-inner{text-align:center}.hero-buttons{justify-content:center}.hero-image-circle{height:220px;width:220px}}