/* AS Promo Popup: self-contained styles (no theme dependency). */
.aspop{font-family:'Inter','Be Vietnam Pro',system-ui,sans-serif;color:#0B1220}
.aspop[hidden]{display:none!important}
.aspop-center{position:fixed;inset:0;background:rgba(11,18,32,.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}
.aspop-card{position:relative;background:#fff;border-radius:22px;max-width:430px;width:100%;overflow:hidden;box-shadow:0 40px 90px rgba(5,10,24,.45);animation:aspop-in .35s cubic-bezier(.2,.8,.25,1)}
@keyframes aspop-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.aspop-x{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,255,255,.22);color:#fff;font-size:19px;line-height:1;cursor:pointer;z-index:2}
.aspop-x:hover{background:rgba(255,255,255,.38)}
.aspop-top{background:linear-gradient(120deg,#7c3aed,#2563eb);color:#fff;text-align:center;padding:30px 30px 24px;position:relative}
.aspop-logo{display:inline-flex;width:58px;height:58px;border-radius:16px;background:rgba(255,255,255,.18);align-items:center;justify-content:center;margin-bottom:12px}
.aspop-logo img{width:40px;height:40px;border-radius:10px}
.aspop-k{font-size:11.5px;letter-spacing:.18em;font-weight:700;opacity:.85}
.aspop-top h3{font-size:24px;font-weight:700;margin:7px 0 0}
.aspop-body{padding:24px 30px 28px;text-align:center}
.aspop-body p{color:#5b6b82;font-size:15px;line-height:1.6;margin:0}
.aspop-code-row{display:flex;gap:10px;margin:18px 0 14px}
.aspop-code{flex:1;display:flex;align-items:center;justify-content:center;border:1.6px dashed #f59e0b;background:#fffbeb;color:#b45309;font-weight:700;letter-spacing:.22em;font-size:16px;border-radius:12px;padding:11px}
.aspop-copy{display:inline-flex;align-items:center;gap:6px;border:1px solid #e4e9f2;background:#fff;border-radius:12px;padding:0 16px;font-weight:600;font-size:13.5px;color:#0B1220;cursor:pointer}
.aspop-copy:hover{border-color:#c7d2e4}
.aspop-btn{display:block;background:linear-gradient(120deg,#f59e0b,#ea580c);color:#fff;font-weight:700;font-size:15.5px;border-radius:13px;padding:14px;text-decoration:none;box-shadow:0 14px 28px -10px rgba(234,88,12,.55)}
.aspop-btn:hover{filter:brightness(1.05)}
.aspop-later{display:block;margin:13px auto 0;background:none;border:0;color:#5b6b82;font-size:14px;font-weight:600;cursor:pointer}
.aspop-fine{margin-top:12px;font-size:12.5px;color:#8fa1c0}
/* bottom-right corner card */
.aspop-corner{position:fixed;right:20px;bottom:20px;z-index:200;width:min(400px,calc(100vw - 32px))}
.aspop-corner .aspop-card{box-shadow:0 30px 70px rgba(5,10,24,.4)}
/* bottom bar */
.aspop-bar{position:fixed;left:0;right:0;bottom:0;z-index:200;padding:10px 14px}
.aspop-bar .aspop-card{max-width:860px;margin:0 auto;border-radius:16px}
.aspop-bar .aspop-x{background:#eef2f7;color:#33415c;top:8px;right:8px;width:28px;height:28px;font-size:16px}
.aspop-bar-in{display:flex;align-items:center;gap:12px;padding:13px 44px 13px 18px;flex-wrap:wrap}
.aspop-bar-in b{font-size:15px}
.aspop-bar .aspop-code{flex:none;padding:7px 14px;font-size:14px}
.aspop-bar .aspop-copy{padding:7px 12px;border-radius:10px}
.aspop-btn-sm{display:inline-block;padding:10px 18px;font-size:14px;border-radius:11px}
@media(max-width:560px){.aspop-body{padding:20px 20px 24px}.aspop-bar-in{gap:8px}}