.hero-section{background:linear-gradient(170deg,#f0f7fa 0%,#e8f4f8 30%,#f1f3ff 60%,#f9f9ff 100%);justify-content:center;align-items:center;width:100vw;min-height:100dvh;margin-bottom:0;margin-left:-50vw;margin-right:-50vw;padding:5rem 1.5rem 3rem;display:flex;position:relative;left:50%;right:50%;overflow:hidden}.hero-inner{z-index:10;text-align:center;flex-direction:column;align-items:center;max-width:640px;margin:0 auto;display:flex;position:relative}.hero-avatar{margin-bottom:1.75rem;position:relative}.hero-avatar-glow{filter:blur(16px);opacity:.8;background:radial-gradient(circle,#00b4d833 0%,#00677d0d 70%);border-radius:50%;transition:opacity .5s;position:absolute;inset:-8px}.hero-avatar:hover .hero-avatar-glow{opacity:1}.hero-avatar-ring{background:#fff;border:3px solid #00677d26;border-radius:50%;width:130px;height:130px;padding:4px;position:relative;overflow:hidden;box-shadow:0 8px 30px #004e5f14}.hero-avatar-img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%;transition:transform .5s}.hero-avatar:hover .hero-avatar-img{transform:scale(1.05)}.hero-title{letter-spacing:-.01em;color:#101b30;margin-bottom:.5rem;font-family:Oswald,Plus Jakarta Sans,sans-serif;font-size:2.5rem;font-weight:700;line-height:1.1}.hero-tagline{text-transform:uppercase;letter-spacing:.18em;color:#00677d;margin-bottom:1.25rem;font-size:.8rem;font-weight:600}.hero-desc{color:#3d494d;max-width:500px;margin-bottom:2rem;font-size:1rem;line-height:1.75}.hero-cta{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2rem;display:flex}.hero-btn-primary{color:#fff;letter-spacing:.02em;background:#00677d;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.875rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 16px #00677d33}.hero-btn-primary:hover{background:#005f73;transform:translateY(-2px);box-shadow:0 8px 24px #00677d4d}.hero-btn-ghost{color:#3d494d;letter-spacing:.02em;background:0 0;border:1.5px solid #bcc9ce;border-radius:9999px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.875rem;font-weight:600;transition:all .3s;display:inline-flex}.hero-btn-ghost:hover{color:#00677d;background:#00677d0a;border-color:#00677d;transform:translateY(-2px)}.hero-links{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.hero-chip{color:#3d494d;background:#00677d0f;border:1px solid #00677d1a;border-radius:9999px;align-items:center;gap:.3rem;padding:.4rem .9rem;font-size:.78rem;font-weight:500;transition:all .25s;display:inline-flex}.hero-chip:hover{color:#00677d;background:#00677d1f;border-color:#00677d40;transform:translateY(-1px)}.hero-bubbles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hb{background:radial-gradient(circle at 35% 35%,#00b4d81f 0%,#00677d0a 50%,#0000 100%);border:1px solid #00677d14;border-radius:50%;animation:linear infinite heroRise;display:block;position:absolute;bottom:-15%}.hb1{width:60px;height:60px;animation-duration:14s;animation-delay:0s;left:4%}.hb2{width:35px;height:35px;animation-duration:10s;animation-delay:2s;left:13%}.hb3{width:80px;height:80px;animation-duration:18s;animation-delay:4s;left:24%}.hb4{width:45px;height:45px;animation-duration:12s;animation-delay:1s;left:35%}.hb5{width:55px;height:55px;animation-duration:16s;animation-delay:5s;left:44%}.hb6{width:28px;height:28px;animation-duration:9s;animation-delay:3s;left:53%}.hb7{width:70px;height:70px;animation-duration:17s;animation-delay:6s;left:62%}.hb8{width:40px;height:40px;animation-duration:11s;animation-delay:1.5s;left:72%}.hb9{width:50px;height:50px;animation-duration:15s;animation-delay:4.5s;left:80%}.hb10{width:65px;height:65px;animation-duration:13s;animation-delay:7s;left:88%}.hb11{width:32px;height:32px;animation-duration:10s;animation-delay:3.5s;left:95%}.hb12{width:42px;height:42px;animation-duration:19s;animation-delay:8s;left:50%}@keyframes heroRise{0%{opacity:0;transform:translateY(0)scale(.6)rotate(0)}8%{opacity:1}50%{opacity:.6}92%{opacity:0}to{opacity:0;transform:translateY(-110vh)scale(1.15)rotate(160deg)}}@media (width>=640px){.hero-avatar-ring{width:150px;height:150px}.hero-title{font-size:3rem}.hero-tagline{font-size:.875rem}.hero-desc{font-size:1.05rem}}@media (width>=768px){.hero-section{padding:6rem 2rem 4rem}.hero-avatar-ring{width:160px;height:160px}.hero-title{font-size:3.5rem}.hero-tagline{font-size:.9rem}.hero-desc{max-width:540px;font-size:1.1rem}}@media (width>=1024px){.hero-title{font-size:4rem}}@media (height<=680px){.hero-section{min-height:auto;padding-top:5rem;padding-bottom:2.5rem}}