.hpop{z-index:100000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d2440b8;justify-content:center;align-items:center;padding:24px;animation:.3s both hpopFade;display:flex;position:fixed;inset:0}@keyframes hpopFade{0%{opacity:0}to{opacity:1}}.hpop__box{background:#fff;border-radius:20px;grid-template-columns:1fr 1fr;width:min(820px,94vw);animation:.45s cubic-bezier(.34,1.56,.64,1) both hpopIn;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 90px #00000080}@keyframes hpopIn{0%{opacity:0;transform:scale(.9)translateY(18px)}to{opacity:1;transform:scale(1)translateY(0)}}.hpop__content{flex-direction:column;justify-content:center;padding:42px 38px;font-family:DM Sans,sans-serif;display:flex}.hpop__badge{letter-spacing:.12em;text-transform:uppercase;color:#2e5e99;background:#e7f0fa;border-radius:100px;align-self:flex-start;margin-bottom:20px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-block}.hpop__title{letter-spacing:-.02em;color:#0d2440;margin:0 0 16px;font-family:Manrope,sans-serif;font-size:clamp(24px,3vw,32px);font-weight:800;line-height:1.2}.hpop__title-accent{color:#2e5e99;margin-top:4px;display:block}.hpop__text{color:#5a7a9a;margin:0 0 28px;font-size:15px;line-height:1.7}.hpop__btn{color:#fff;background:linear-gradient(135deg,#2e5e99,#0d2440);border-radius:10px;align-self:flex-start;align-items:center;gap:8px;padding:14px 30px;font-family:Manrope,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s,gap .25s;display:inline-flex;box-shadow:0 10px 26px #2e5e9966}.hpop__btn:hover{gap:12px;transform:translateY(-2px);box-shadow:0 14px 32px #2e5e9980}.hpop__media{background:#e7f0fa;min-height:100%;display:block;position:relative}.hpop__img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.hpop__close{z-index:2;color:#fff;cursor:pointer;background:#0d24408c;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;line-height:1;transition:transform .15s,background .15s;display:flex;position:absolute;top:14px;right:14px}.hpop__close:hover{background:#0d2440;transform:scale(1.1)rotate(90deg)}@media (max-width:680px){.hpop__box{grid-template-columns:1fr;width:min(420px,92vw)}.hpop__media{order:-1;min-height:180px}.hpop__content{padding:30px 26px 32px}}
