*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:#244b61;color:#fff}
body{overflow:hidden}.hero{position:relative;min-height:100svh;display:grid;place-items:center;padding:28px;isolation:isolate;background:linear-gradient(135deg,#4d7387,#244b61)}
.bg,.shade{position:absolute;inset:0;width:100%;height:100%}.bg{z-index:-4;object-fit:cover;object-position:center;opacity:0;transform:scale(1.035);transition:opacity .24s ease-in-out;animation:zoom 32s ease-in-out infinite alternate;will-change:opacity,transform}.bg.active{opacity:1}.bg:nth-of-type(2){z-index:-3;animation-delay:-10s}.bg:nth-of-type(3){z-index:-2;animation-delay:-20s}
.shade{z-index:-1;background:linear-gradient(110deg,rgba(7,29,42,.72),rgba(8,40,59,.28) 55%,rgba(5,20,31,.60)),radial-gradient(circle at 50% 45%,transparent 0,rgba(0,0,0,.18) 68%,rgba(0,0,0,.45) 100%)}
.glass{width:min(620px,92vw);text-align:center;padding:42px 42px 34px;border:1px solid rgba(255,255,255,.25);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.07));backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);box-shadow:0 28px 70px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.18)}
.logo{display:block;width:min(410px,78%);max-height:135px;object-fit:contain;margin:0 auto 17px}.accent{width:92px;height:4px;margin:0 auto 20px;border-radius:9px;background:linear-gradient(90deg,#2ea6d7 0 55%,#ffeb31 55% 100%)}
.eyebrow{margin:0 0 10px;font-size:12px;letter-spacing:.28em;font-weight:700;color:#ffe936}h1{font-size:clamp(36px,5vw,62px);line-height:.98;margin:0;letter-spacing:-.04em;text-shadow:0 4px 18px rgba(0,0,0,.18)}.intro{margin:20px auto 24px;font-size:17px;color:rgba(255,255,255,.88)}
.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{min-width:160px;padding:13px 20px;border-radius:999px;text-decoration:none;font-weight:700;font-size:14px;transition:.2s ease}.primary{background:#ffeb31;color:#17384c}.secondary{border:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.08);color:#fff}.btn:hover{transform:translateY(-2px)}
.email{display:inline-block;margin-top:18px;color:#fff;text-decoration:none;font-size:14px}.location{margin:8px 0 0;font-size:12px;color:rgba(255,255,255,.68);letter-spacing:.08em}.footer{position:absolute;bottom:16px;margin:0;font-size:10px;letter-spacing:.2em;color:rgba(255,255,255,.56)}
@keyframes zoom{from{transform:scale(1.035)}to{transform:scale(1.095)}}
@media(max-width:600px){.hero{padding:18px}.glass{padding:32px 20px 27px;border-radius:24px}.logo{width:86%;max-height:105px}.intro{font-size:15px}.actions{flex-direction:column}.btn{width:100%}.footer{bottom:10px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.bg{animation:none;transition:none}.bg:not(:first-of-type){opacity:0!important}}