.tear-vip{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}
.tear-vip[hidden]{display:none}
.tear-vip__overlay{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(6px)}
.tear-vip__card{position:relative;width:100%;max-width:430px;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:20px;padding:44px 34px 30px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 60px rgba(6,182,255,.08);animation:vipIn .35s ease}
@keyframes vipIn{from{transform:translateY(24px) scale(.97);opacity:0}to{transform:none;opacity:1}}
.tear-vip__x{position:absolute;top:10px;right:14px;background:none;border:0;color:#888;font-size:30px;line-height:1;cursor:pointer;padding:6px}
.tear-vip__x:hover{color:#fff}
.tear-vip__mascot{position:absolute;top:-38px;right:18px;width:74px;transform:rotate(8deg);filter:drop-shadow(0 8px 16px rgba(0,0,0,.6));pointer-events:none}
.tear-vip__kicker{color:#ffc200;font-size:13px;letter-spacing:4px;margin:0 0 10px;font-weight:700}
.tear-vip__title{color:#f5f3ee;font-family:"Pirata One","UnifrakturMaguntia",cursive;font-size:42px;line-height:1.05;margin:0 0 10px;font-weight:400}
.tear-vip__offer{color:#f5f3ee;font-size:17px;margin:0 0 8px}
.tear-vip__offer strong{color:#ffc200}
.tear-vip__copy{color:#a8a8a8;font-size:14px;line-height:1.55;margin:0 0 20px}
.tear-vip__form{display:flex;flex-direction:column;gap:10px;text-align:left}
.tear-vip__label{color:#f5f3ee;font-size:12px;letter-spacing:2px;text-transform:uppercase;margin:4px 0 -4px}
.tear-vip__input{background:#161616;border:1px solid #333;color:#f5f3ee;border-radius:12px;padding:14px 16px;font-size:16px;width:100%;box-sizing:border-box}
.tear-vip__input:focus{outline:none;border-color:#06b6ff;box-shadow:0 0 0 3px rgba(6,182,255,.18)}
.tear-vip__input::placeholder{color:#555}
.tear-vip__btn{background:#ffc200;color:#0a0a0a;border:0;border-radius:12px;padding:16px;font-size:17px;font-weight:800;letter-spacing:1px;cursor:pointer;margin-top:8px;transition:transform .15s ease,box-shadow .15s ease}
.tear-vip__btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,194,0,.35)}
.tear-vip__fine{color:#666;font-size:11.5px;line-height:1.5;margin:10px 0 0;text-align:center}
.tear-vip__nope{background:none;border:0;color:#777;font-size:13px;margin-top:14px;cursor:pointer;text-decoration:underline}
.tear-vip__nope:hover{color:#aaa}
.tear-vip__code{display:block;width:100%;background:#161616;border:2px dashed #ffc200;color:#ffc200;border-radius:12px;padding:18px;font-size:28px;font-weight:800;letter-spacing:6px;cursor:pointer;margin:6px 0 4px;font-family:monospace}
.tear-vip-locked{overflow:hidden}
@media(max-width:480px){.tear-vip__card{padding:38px 24px 26px}.tear-vip__title{font-size:34px}.tear-vip__mascot{width:60px;top:-30px}}