.site-popup { color:#eee5d5; background:radial-gradient(ellipse at top left,#a8843529,transparent 60%),linear-gradient(145deg,#1b1b1d,#0c0d10); border:1px solid #d7b77770; border-radius:24px; width:min(640px,calc(100vw - 32px)); max-width:none; max-height:calc(100dvh - 32px); padding:0; margin:auto; box-shadow:0 32px 120px #000b,0 0 70px #bd923b18; overflow:auto; overscroll-behavior:contain; font-family:var(--body,Arial,sans-serif); }
.site-popup[open] { animation:site-popup-enter .35s cubic-bezier(.16,1,.3,1) both; }
.site-popup::backdrop { background:#040509c7; backdrop-filter:blur(12px); }
.site-popup-header { position:sticky; top:0; z-index:1; display:flex; align-items:center; gap:16px; padding:20px 24px; background:linear-gradient(110deg,#1d1c19f5,#111216fa); border-bottom:1px solid #cbb17c26; }
.site-popup-brand { width:108px; height:54px; object-fit:contain; flex:none; }
.site-popup-heading { min-width:0; flex:1; }
.site-popup-kicker { display:block; font-size:9px; letter-spacing:2px; color:#c4a978; margin-bottom:7px; }
.site-popup-title { margin:0; font-family:var(--heading,Arial,sans-serif); font-weight:500; font-size:21px; line-height:1.3; overflow-wrap:anywhere; color:#f0e6d2; }
.site-popup-close { align-self:flex-start; flex:none; display:grid; place-items:center; width:42px; height:42px; border:1px solid #dbc18c4d; border-radius:50%; background:#c4a46a0d; color:#e7d1a6; font:300 27px/1 Arial,sans-serif; cursor:pointer; transition:background .2s,transform .2s; }
.site-popup-close:hover { background:#c4a46a25; transform:rotate(90deg); }
.site-popup-close:focus-visible,.site-popup-dismiss:focus-visible { outline:2px solid #f0cd82; outline-offset:4px; }
.site-popup-visual { padding:20px 20px 0; }
.site-popup-image { display:block; width:100%; height:auto; max-height:58dvh; object-fit:contain; border-radius:13px; background:#090a0b; }
.site-popup-footer { padding:18px 24px 22px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.site-popup-footer span { color:#938978; letter-spacing:1.4px; font-size:8px; }
.site-popup-dismiss { color:#edcf97; font:inherit; font-size:11px; background:none; border:0; padding:10px 0 10px 12px; cursor:pointer; }
html.site-popup-open { overflow:hidden; }
@keyframes site-popup-enter { from { opacity:0; transform:translateY(18px) scale(.97); } to { opacity:1; transform:translateY(0) scale(1); } }
@media(max-width:480px) { .site-popup { border-radius:18px; } .site-popup-header { padding:16px; gap:10px; } .site-popup-brand { width:76px; height:38px; } .site-popup-title { font-size:17px; } .site-popup-kicker { font-size:8px; letter-spacing:1.4px; } .site-popup-close { width:36px; height:36px; } .site-popup-visual { padding:12px 12px 0; } .site-popup-footer { padding:12px 16px 15px; } }
@media(prefers-reduced-motion:reduce) { .site-popup[open] { animation:none; } .site-popup-close { transition:none; } }