.eg-popup[hidden] { display: none !important; }
.eg-popup { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 16px; font-family: Inter, sans-serif; }
.eg-popup__overlay { position: absolute; inset: 0; background: rgba(30, 36, 27, .55); animation: egFade .25s ease; }
.eg-popup__box { position: relative; width: 100%; max-width: 440px; background: #fafaf9; color: #323232; border-radius: 14px; padding: 36px 32px 30px; box-shadow: 0 20px 60px rgba(0,0,0,.25); text-align: center; animation: egUp .3s ease; max-height: calc(100vh - 32px); overflow-y: auto; }
.eg-popup__close { position: absolute; top: 10px; right: 12px; width: 36px; height: 36px; border: 0; background: transparent; font-size: 28px; line-height: 1; color: #5a5555; cursor: pointer; }
.eg-popup__close:hover { color: #3a4d32; }
.eg-popup__badge { display: inline-block; margin: 0 0 12px; padding: 6px 16px; border-radius: 999px; background: #e6f2ee; color: #3a4d32; font-family: Unbounded, sans-serif; font-size: 22px; font-weight: 600; }
.eg-popup__title { margin: 0 0 10px; font-family: Unbounded, sans-serif; font-size: 22px; line-height: 1.25; color: #3a4d32; font-weight: 600; }
.eg-popup__text { margin: 0 0 18px; font-size: 15px; line-height: 1.5; color: #5a5555; }
.eg-popup__form { display: flex; flex-direction: column; gap: 12px; text-align: left; }
.eg-popup__input { width: 100%; box-sizing: border-box; padding: 13px 14px; border: 1px solid #aea8a8; border-radius: 8px; font: inherit; font-size: 16px; background: #fff; }
.eg-popup__input:focus { outline: none; border-color: #3a4d32; box-shadow: 0 0 0 3px rgba(58,77,50,.15); }
.eg-popup__hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.eg-popup__consent { display: flex; gap: 8px; align-items: flex-start; font-size: 12.5px; line-height: 1.4; color: #5a5555; cursor: pointer; }
.eg-popup__consent input { margin-top: 2px; accent-color: #3a4d32; flex: 0 0 auto; }
.eg-popup__consent a { color: #3a4d32; }
.eg-popup__btn { display: block; width: 100%; box-sizing: border-box; padding: 14px 18px; border: 0; border-radius: 8px; background: #3a4d32; color: #fefefe !important; font: inherit; font-size: 15px; font-weight: 600; text-align: center; text-decoration: none !important; cursor: pointer; transition: background .2s; }
.eg-popup__btn:hover { background: #2e5137; }
.eg-popup__btn[disabled] { opacity: .6; cursor: wait; }
.eg-popup__error { margin: 0; color: #b32d2e; font-size: 13px; }
.eg-popup__code { display: block; width: 100%; margin: 6px 0 6px; padding: 16px; border: 2px dashed #3a4d32; border-radius: 10px; background: #fff; font-family: Unbounded, sans-serif; font-size: 26px; letter-spacing: 2px; color: #3a4d32; cursor: pointer; }
.eg-popup__copied { margin: 0 0 10px; font-size: 13px; color: #4b6d3d; }
@keyframes egFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes egUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@media (max-width: 480px) { .eg-popup__box { padding: 30px 20px 22px; } .eg-popup__title { font-size: 19px; } }
@media (prefers-reduced-motion: reduce) { .eg-popup__overlay, .eg-popup__box { animation: none; } }