.vipr-mask{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.62);display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;transition:opacity .25s ease;}
.vipr-mask.on{opacity:1;}
.vipr-box{position:relative;width:100%;max-width:430px;background:#17181c;border:1px solid rgba(184,134,44,.4);border-radius:16px;padding:26px 22px 18px;box-shadow:0 24px 60px rgba(0,0,0,.5);transform:translateY(12px);transition:transform .25s ease;}
.vipr-mask.on .vipr-box{transform:translateY(0);}
.vipr-close{position:absolute;right:10px;top:8px;width:30px;height:30px;border:none;background:transparent;color:#8b9099;font-size:22px;line-height:1;cursor:pointer;}
.vipr-crown{width:40px;height:40px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,#f5d27a,#b8862c);color:#1a1a1a;font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center;}
.vipr-title{margin:0 0 6px;text-align:center;font-size:19px;color:#f5e6c8;letter-spacing:1px;}
.vipr-sub{margin:0 0 18px;text-align:center;font-size:13px;color:#9aa0aa;line-height:1.7;}
.vipr-field{display:flex;gap:10px;}
.vipr-input{flex:1;min-width:0;height:46px;border-radius:10px;border:1px solid #3a3d45;background:#0f1013;color:#f2e7d3;padding:0 14px;font-size:15px;letter-spacing:1px;outline:none;}
.vipr-input:focus{border-color:#b8862c;}
.vipr-btn{height:46px;padding:0 20px;border:none;border-radius:10px;background:linear-gradient(135deg,#f5d27a,#b8862c);color:#1a1a1a;font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap;}
.vipr-btn:disabled{opacity:.6;cursor:default;}
.vipr-msg{margin-top:12px;min-height:18px;font-size:13px;text-align:center;color:#ff8a8a;}
.vipr-msg.ok{color:#7ee0a1;}
.vipr-note{margin:8px 0 0;text-align:center;font-size:12px;color:#7d838c;}
@media (max-width:480px){.vipr-field{flex-direction:column;}.vipr-btn{width:100%;}}