.hype-welcome[hidden]{display:none!important}
.hype-welcome{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px}
.hype-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.8)}
.hype-popup{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(900px,95vw);background:#0b0b0b;border:1px solid #292929;border-radius:18px;overflow:hidden}
.hype-slider{position:relative;min-height:520px;background:#111}
.hype-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:.5s}
.hype-slide.active{opacity:1}
.hype-content{padding:50px;display:flex;flex-direction:column;justify-content:center;color:#fff}
.hype-content small,.hype-content h2 span{color:#82b83d}
.hype-content h2{font-size:42px;line-height:1;margin:12px 0}
.hype-content p{color:#aaa}
.hype-code{display:flex;justify-content:space-between;align-items:center;border:1px dashed #82b83d;padding:8px 10px;border-radius:8px}
.hype-code button,.hype-content>a{background:#82b83d;color:#000;border:0;padding:12px 15px;font-weight:700;border-radius:7px}
.hype-content>a{text-align:center;margin-top:10px;text-decoration:none}
.hype-close{position:absolute;right:12px;top:12px;z-index:5;width:36px;height:36px;border-radius:50%;border:0;background:#111;color:#fff;font-size:24px}
@media(max-width:767px){.hype-popup{grid-template-columns:1fr;max-height:94vh;overflow:auto}.hype-slider{min-height:300px}.hype-content{padding:25px 20px}.hype-content h2{font-size:30px}}
@media(max-width:380px){.hype-slider{min-height:240px}.hype-content h2{font-size:26px}}