/* Replacements for the Tailwind utility classes used on body/main */
.overflow-x-hidden{overflow-x:hidden}
.px-4{padding-left:1rem;padding-right:1rem}

/* ===== ZETRALUX WELCOME POPUP (no Tailwind needed) ===== */
.zlx-overlay{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:12px;background:rgba(8,5,14,.9);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);overflow-y:auto}
.zlx-overlay[hidden]{display:none!important}
.zlx-box{position:relative;width:100%;max-width:620px;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;border-radius:20px;border:1px solid #674981;background:linear-gradient(150deg,#3b245e 0%,#241633 50%,#100d19 100%);padding:22px 28px 19px;text-align:center;color:#fff;box-shadow:0 25px 85px rgba(0,0,0,.65);scrollbar-width:thin;scrollbar-color:#ffc500 #241633;outline:none}
.zlx-box::-webkit-scrollbar{width:5px}
.zlx-box::-webkit-scrollbar-track{background:#241633}
.zlx-box::-webkit-scrollbar-thumb{background:#ffc500;border-radius:999px}
.zlx-close{position:absolute;right:12px;top:11px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:1px solid #705487;background:#39274b;color:#fff;font-size:21px;line-height:1;cursor:pointer;padding:0}
.zlx-close:hover{background:#503567}
.zlx-close:focus-visible,.zlx-btn:focus-visible{outline:3px solid #ffe88d;outline-offset:2px}
.zlx-logo-wrap{display:block;margin:0 auto 9px;width:max-content}
.zlx-logo-wrap img{display:block}
.zlx-tag{display:inline-block;border-radius:999px;border:1px solid #846111;background:#46340d;padding:5px 11px;font-size:9px;font-weight:800;line-height:1.3;letter-spacing:1.2px;color:#ffe58b}
.zlx-box h2{margin:10px 0 5px;font-size:26px;font-weight:800;line-height:1.22;letter-spacing:-.5px;color:#fff}
.zlx-sub{margin:0 0 12px;font-size:13px;line-height:1.45;color:#d4c7df}
.zlx-offer{margin-bottom:13px;border-radius:12px;border:1px solid #5c4077;background:rgba(18,10,29,.5);padding:14px 16px}
.zlx-offer h3{margin:0 0 7px;font-size:20px;font-weight:800;line-height:1.3;color:#ffc500}
.zlx-offer p{margin:0;font-size:12.5px;line-height:1.55;color:#eee8f4}
.zlx-btn{display:flex;box-sizing:border-box;width:100%;min-height:43px;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:10px 14px;font:inherit;font-size:13.5px;font-weight:800;line-height:1.35;text-decoration:none;cursor:pointer;transition:transform .2s,filter .2s,background .2s}
.zlx-btn:hover{transform:translateY(-2px)}
.zlx-primary{border:0;background:linear-gradient(90deg,#ffc500,#ffdc54);color:#100d19;box-shadow:0 5px 20px rgba(255,197,0,.2)}
.zlx-primary:hover{filter:brightness(1.1)}
.zlx-ghost{margin-top:8px;border:1px solid #84649a;background:transparent;color:#fff}
.zlx-ghost:hover{background:#3b245e}
.zlx-note{margin:12px 0 0;font-size:10.5px;line-height:1.5;color:#c9bbd5}
.zlx-terms{display:inline-block;margin-top:7px;font-size:11px;line-height:1.4;color:#ffdc54;text-decoration:underline;text-underline-offset:3px}
.zlx-terms:hover{color:#fff}
body.zlx-lock{overflow:hidden}
@media (max-width:520px){
 .zlx-box{border-radius:17px;padding:18px 16px 15px}
 .zlx-logo-wrap{margin-bottom:7px}
 .zlx-box h2{margin-top:8px;font-size:21px}
 .zlx-sub{margin-bottom:10px;font-size:12px}
 .zlx-offer{margin-bottom:11px;padding:11px 10px}
 .zlx-offer h3{margin-bottom:5px;font-size:17px}
 .zlx-offer p{font-size:12px}
 .zlx-note{margin-top:10px;font-size:10px}
}