.mgcr-image-auth-popup[hidden] { display: none !important; }
.mgcr-image-auth-popup { position: fixed; inset: 0; z-index: 2147483001; display: grid; place-items: center; padding: max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left)); color: #fff; font-family: inherit; }
.mgcr-image-auth-popup__backdrop { position: absolute; inset: 0; background: rgba(3, 3, 6, .84); backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); }
.mgcr-image-auth-popup__card { position: relative; z-index: 1; display: flex; width: min(620px, calc(100vw - 36px)); max-height: calc(100vh - 36px); max-height: calc(100dvh - 36px); flex-direction: column; overflow: hidden; border: 1px solid rgba(255, 255, 255, .14); border-radius: 24px; background: #111116; box-shadow: 0 30px 100px rgba(0, 0, 0, .68), 0 0 0 1px rgba(239, 26, 41, .1); animation: mgcr-image-auth-in .24s ease-out both; }
.mgcr-image-auth-popup__close { position: absolute; top: 10px; right: 10px; z-index: 3; display: grid; width: 44px; height: 44px; place-items: center; padding: 0; border: 1px solid rgba(255, 255, 255, .22); border-radius: 50%; background: rgba(8, 8, 12, .76); color: #fff; font: 400 29px/1 Arial, sans-serif; cursor: pointer; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.mgcr-image-auth-popup__close:hover, .mgcr-image-auth-popup__close:focus-visible { border-color: #ef1a29; background: #ef1a29; }
.mgcr-image-auth-popup__media { display: grid; min-height: 0; flex: 1 1 auto; place-items: center; overflow: hidden; background: #09090c; }
.mgcr-image-auth-popup__media img { display: block; width: 100%; height: auto; max-height: min(68vh, 650px); object-fit: contain; }
.mgcr-image-auth-popup__actions { display: grid; flex: 0 0 auto; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 16px; border-top: 1px solid rgba(255, 255, 255, .09); background: linear-gradient(180deg, #17171d, #101014); }
.mgcr-image-auth-popup__button { display: flex; min-width: 0; min-height: 52px; align-items: center; justify-content: center; padding: 10px 16px; border: 1px solid #3b3b45; border-radius: 14px; color: #fff !important; font-size: 15px; font-weight: 800; line-height: 1.2; text-align: center; text-decoration: none !important; transition: transform .16s ease, border-color .16s ease, background .16s ease; }
.mgcr-image-auth-popup__button--login { background: #25252d; }
.mgcr-image-auth-popup__button--register { border-color: #ef1a29; background: linear-gradient(135deg, #ef1a29, #ff4b28); box-shadow: 0 10px 28px rgba(239, 26, 41, .25); }
.mgcr-image-auth-popup__button:hover, .mgcr-image-auth-popup__button:focus-visible { transform: translateY(-2px); border-color: #ff5360; color: #fff !important; }
.mgcr-image-auth-popup :focus-visible { outline: 3px solid #ff5360; outline-offset: 3px; }
body.mgcr-promo-popup-open { overflow: hidden; }
@keyframes mgcr-image-auth-in { from { opacity: 0; transform: translateY(16px) scale(.975); } to { opacity: 1; transform: none; } }
@media (max-width: 575px) {
	.mgcr-image-auth-popup { padding: max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left)); }
	.mgcr-image-auth-popup__card { width: min(100%, 440px); max-height: calc(100vh - 16px); max-height: calc(100dvh - 16px); border-radius: 19px; }
	.mgcr-image-auth-popup__media img { max-height: calc(100vh - 94px); max-height: calc(100dvh - 94px); }
	.mgcr-image-auth-popup__actions { gap: 8px; padding: 10px; }
	.mgcr-image-auth-popup__button { min-height: 48px; padding: 8px 10px; font-size: 14px; }
	.mgcr-image-auth-popup__close { top: 7px; right: 7px; width: 40px; height: 40px; }
}
@media (max-width: 340px) { .mgcr-image-auth-popup__actions { grid-template-columns: 1fr; } .mgcr-image-auth-popup__media img { max-height: calc(100dvh - 144px); } }
@media (prefers-reduced-motion: reduce) { .mgcr-image-auth-popup__card { animation: none; } .mgcr-image-auth-popup__button { transition: none; } }