.toggle-notify{display:none !important;}
html.hmp-open, body.hmp-open { overflow: hidden !important; }
.hmp-root { position: fixed; inset: 0; z-index: 2147483000; display: none; align-items: center; justify-content: center; padding: 15px; box-sizing: border-box; }
.hmp-root.hmp-visible { display: flex !important; }
.hmp-overlay { position: absolute; inset: 0; background: var(--hmp-overlay, rgba(0,0,0,.5)); backdrop-filter: blur(var(--hmp-overlay-blur, 0px)); -webkit-backdrop-filter: blur(var(--hmp-overlay-blur, 0px)); }
.hmp-dialog { position: relative; z-index: 2; width: var(--hmp-dialog-width,410px); max-width: calc(100vw - 30px); max-height: calc(100vh - 30px); overflow: hidden; background: var(--hmp-popup-bg,#fff); border-radius: var(--hmp-radius,18px); box-shadow: var(--hmp-shadow); transform-origin: center; }
.hmp-visual { position: relative; display:flex; flex-direction:column; justify-content:center; align-items:center; height:var(--hmp-visual-height,230px); padding:28px 20px; box-sizing:border-box; overflow:hidden; background: linear-gradient(var(--hmp-angle,135deg), var(--hmp-color1,#20f0a0), var(--hmp-color2,#8de8ff)); background-image: var(--hmp-image); background-size:cover; background-position:var(--hmp-image-position,center); }
.hmp-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(var(--hmp-angle,135deg), var(--hmp-color1,#20f0a0), var(--hmp-color2,#8de8ff)); opacity:0; pointer-events:none; }
.hmp-visual .hmp-eyebrow, .hmp-visual .hmp-title { position:relative; z-index:1; }
.hmp-eyebrow { display:flex; align-items:center; justify-content:center; gap:9px; line-height:1; margin-bottom:27px; }
.hmp-eyebrow-left { font-size:var(--hmp-eyebrow-left-size,16px); color:var(--hmp-eyebrow-left-color,#111); font-weight:600; }
.hmp-eyebrow-right { font-style:normal; font-size:var(--hmp-eyebrow-right-size,14px); color:var(--hmp-eyebrow-right-color,#ff7800); font-weight:500; }
.hmp-title { display:flex; align-items:baseline; justify-content:center; gap:8px; line-height:1; white-space:nowrap; }
.hmp-title-main { font-size:var(--hmp-title-size,40px); color:var(--hmp-title-color,#050505); font-weight:var(--hmp-title-weight,700); letter-spacing:-1.5px; }
.hmp-title-emphasis { font-size:var(--hmp-title-size,40px); color:var(--hmp-title-emphasis-color,#ff7800); font-weight:var(--hmp-title-weight,700); }
.hmp-body { padding:var(--hmp-padding-y,22px) var(--hmp-padding-x,26px) 24px; box-sizing:border-box; background:#fff; }
.hmp-features { display:flex; flex-direction:column; gap:var(--hmp-feature-gap,12px); }
.hmp-feature { display:flex; align-items:flex-start; min-width:0; line-height:1.45; font-size:var(--hmp-feature-size,13px); color:var(--hmp-feature-color,#333); }
.hmp-feature-icon { flex:0 0 auto; width:var(--hmp-icon-size,14px); margin-right:var(--hmp-icon-gap,8px); text-align:center; color:var(--hmp-icon-color,#333); line-height:1.45; }
.hmp-feature-icon i { font-style:normal; }
.hmp-feature-text { flex:1; min-width:0; }
.hmp-button { display:flex; align-items:center; justify-content:center; width:var(--hmp-button-width,358px); max-width:100%; height:var(--hmp-button-height,43px); margin:var(--hmp-button-margin,20px) auto 0; box-sizing:border-box; border-radius:var(--hmp-button-radius,10px); background:var(--hmp-button-bg,#000); color:var(--hmp-button-color,#fff) !important; font-size:var(--hmp-button-size,14px); font-weight:var(--hmp-button-weight,600); line-height:1; text-decoration:none !important; transition:background .2s ease,color .2s ease,transform .2s ease; }
.hmp-button:hover { background:var(--hmp-button-hover-bg,#222); color:var(--hmp-button-hover-color,#fff) !important; transform:translateY(-1px); }
.hmp-close { position:absolute; z-index:5; top:var(--hmp-close-top,12px); right:var(--hmp-close-right,12px); width:var(--hmp-close-size,22px); height:var(--hmp-close-size,22px); padding:0; border:0; border-radius:50%; background:var(--hmp-close-bg,rgba(255,255,255,.65)); color:var(--hmp-close-color,#666); font-size:18px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:none; }
.hmp-close:hover { opacity:.85; }
.hmp-anim-fade .hmp-overlay, .hmp-anim-fade .hmp-dialog { opacity:0; }
.hmp-visible.hmp-anim-fade .hmp-overlay, .hmp-visible.hmp-anim-fade .hmp-dialog { animation:hmp-fade .22s ease forwards; }
.hmp-anim-zoom .hmp-dialog { opacity:0; transform:scale(.96); }
.hmp-visible.hmp-anim-zoom .hmp-dialog { animation:hmp-zoom .24s cubic-bezier(.2,.8,.2,1) forwards; }
.hmp-anim-slide-up .hmp-dialog { opacity:0; transform:translateY(22px); }
.hmp-visible.hmp-anim-slide-up .hmp-dialog { animation:hmp-up .24s ease forwards; }
.hmp-anim-slide-down .hmp-dialog { opacity:0; transform:translateY(-22px); }
.hmp-visible.hmp-anim-slide-down .hmp-dialog { animation:hmp-down .24s ease forwards; }
.hmp-closing .hmp-dialog { opacity:0 !important; transform:scale(.98) !important; transition:opacity .18s ease,transform .18s ease; }
@keyframes hmp-fade { to { opacity:1; } }
@keyframes hmp-zoom { to { opacity:1; transform:scale(1); } }
@keyframes hmp-up { to { opacity:1; transform:translateY(0); } }
@keyframes hmp-down { to { opacity:1; transform:translateY(0); } }
@media (max-width:768px) {
  .hmp-root { padding: 15px !important; }
  .hmp-root.hmp-visible { display: flex !important; }
  .hmp-dialog { width:var(--hmp-mobile-width,calc(100vw - 30px)); max-width:var(--hmp-mobile-width,calc(100vw - 30px)); }
  .hmp-visual { height:var(--hmp-visual-mobile-height,205px); }
  .hmp-title-main, .hmp-title-emphasis { font-size:var(--hmp-title-mobile-size,32px); }
  .hmp-body { padding:var(--hmp-mobile-padding-y,18px) var(--hmp-mobile-padding-x,20px) 20px; }
  .hmp-button { width:var(--hmp-button-mobile-width,100%); }
}