/* UVIP888 Register V3 — mobile registration only. Desktop/home styles are untouched. */
html,body{margin:0;padding:0;min-height:100%;}
body.uvip888-register-body{background:#04162b!important;color:#fff;}
.uvip-register-page{
  min-height:100vh;position:relative;display:flex;justify-content:center;align-items:flex-start;
  padding:12px 8px 28px;box-sizing:border-box;overflow:hidden;color:#fff;font-family:inherit;
  background:
    radial-gradient(circle at 50% 6%,rgba(255,204,64,.14),transparent 25%),
    radial-gradient(circle at 15% 55%,rgba(0,112,255,.22),transparent 38%),
    radial-gradient(circle at 85% 70%,rgba(0,77,180,.18),transparent 38%),
    linear-gradient(180deg,#061c38 0%,#031226 55%,#020b18 100%);
}
.uvip-register-page:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(135deg,transparent 0 42%,rgba(255,215,85,.05) 50%,transparent 58%),
    linear-gradient(315deg,transparent 0 38%,rgba(25,116,255,.07) 50%,transparent 62%);
}
.uvip-register-card{
  position:relative;width:min(100%,460px);box-sizing:border-box;border:1px solid #f5c84b;
  border-radius:20px;padding:22px 24px 26px;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,214,86,.10),transparent 30%),
    linear-gradient(180deg,rgba(5,29,57,.98),rgba(2,15,31,.99));
  box-shadow:
    0 0 8px rgba(255,205,60,.90),
    0 0 22px rgba(255,196,40,.55),
    0 0 48px rgba(255,190,30,.22),
    inset 0 0 32px rgba(0,110,255,.10),
    inset 0 0 0 1px rgba(255,239,150,.18);
  z-index:1;
}
.uvip-register-card:after{
  content:"";position:absolute;inset:1px;border-radius:19px;pointer-events:none;
  border:1px solid rgba(255,224,100,.24);
}
.uvip-register-close{
  position:absolute;right:14px;top:12px;width:38px;height:38px;border:1px solid #e8bd3f;
  border-radius:50%;background:rgba(2,16,32,.82);color:#ffe99a;font-size:31px;line-height:32px;cursor:pointer;
  box-shadow:0 0 10px rgba(255,203,52,.42),inset 0 0 10px rgba(255,208,63,.08);
}
.uvip-register-brand{text-align:center;margin:8px 38px 8px}
.uvip-register-brand img{display:block;width:min(88%,350px);height:auto;max-height:90px;object-fit:contain;margin:auto;filter:drop-shadow(0 5px 10px rgba(0,0,0,.45))}
.uvip-register-card h1{text-align:center;margin:4px 0 6px;font-size:30px;color:#fff;font-weight:800;text-shadow:0 0 12px rgba(255,220,100,.18)}
.uvip-register-note{text-align:center;margin:0 0 18px;color:#e4d6ad;font-size:14px}
.uvip-register-steps{
  display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;border:1px solid #e2b92e;
  border-radius:16px;padding:12px 10px 10px;margin-bottom:18px;
  background:linear-gradient(180deg,rgba(8,39,74,.72),rgba(3,21,42,.72));
  box-shadow:0 0 12px rgba(255,200,55,.14),inset 0 0 16px rgba(0,98,220,.10);
}
.uvip-register-steps button{appearance:none;border:0;background:transparent;color:#7890a9;display:flex;flex-direction:column;align-items:center;gap:6px;font-weight:700;cursor:pointer}
.uvip-register-steps button b{
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid #62738a;
  font-size:16px;background:rgba(3,18,35,.65)
}
.uvip-register-steps button.is-active{color:#ffd84f}
.uvip-register-steps button.is-active b{
  background:linear-gradient(180deg,#ffe46d,#e6a900);color:#06172b;border-color:#fff0a5;
  box-shadow:0 0 12px rgba(255,210,55,.95),0 0 28px rgba(255,195,30,.40);
}
.uvip-register-steps i{height:1px;background:linear-gradient(90deg,transparent,#e7bb38,transparent);box-shadow:0 0 7px rgba(255,204,55,.35)}
.uvip-register-panel{display:none}.uvip-register-panel.is-active{display:block}
.uvip-register-field{display:block;margin:0 0 10px}
.uvip-register-field>span{display:block;margin:0 0 6px;color:#fff0b2;font-size:14px;font-weight:700}
.uvip-register-field em{color:#ff4c4c;font-style:normal}
.uvip-register-field small{color:#a8b4c2;font-weight:500}
.uvip-register-field input,.uvip-register-field select{
  width:100%;height:54px;box-sizing:border-box;border:1px solid #d8ad27;border-radius:13px;
  background:
    linear-gradient(180deg,rgba(7,31,57,.94),rgba(3,18,34,.98));
  color:#fff;padding:0 14px;font-size:16px;outline:none;
  box-shadow:inset 0 0 12px rgba(0,102,220,.12),0 0 8px rgba(255,202,55,.10);
  transition:border-color .18s,box-shadow .18s;
}
.uvip-register-field input:focus,.uvip-register-field select:focus{
  border-color:#ffe36b;
  box-shadow:0 0 0 2px rgba(255,207,60,.13),0 0 16px rgba(255,198,45,.42),inset 0 0 14px rgba(0,120,255,.12);
}
.uvip-register-field select{appearance:auto}
.uvip-register-field input::placeholder{color:#91a1b3}
.uvip-password-wrap{position:relative}.uvip-password-wrap input{padding-right:52px}
.uvip-password-wrap button{
  position:absolute;right:8px;top:7px;width:40px;height:40px;border:0;background:transparent;
  color:#ffd94f;cursor:pointer;font-size:19px;text-shadow:0 0 8px rgba(255,207,50,.6)
}
.uvip-register-two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px}.uvip-register-two-col .uvip-register-field{min-width:0}
.uvip-register-primary{
  width:100%;min-height:56px;border:1px solid #fff0a0;border-radius:14px;
  background:linear-gradient(180deg,#ffe878 0%,#f5c238 52%,#d99b12 100%);
  color:#07182d;font-weight:900;font-size:18px;
  box-shadow:0 7px 22px rgba(255,192,28,.30),0 0 14px rgba(255,211,75,.45);
  cursor:pointer;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;
  box-sizing:border-box;margin-top:14px;text-shadow:0 1px 0 rgba(255,255,255,.45)
}
.uvip-register-primary:hover{filter:brightness(1.05)}
.uvip-register-actions{display:flex;gap:10px;align-items:center;margin-top:12px}
.uvip-register-actions .uvip-register-primary{margin-top:0;flex:1}
.uvip-register-back{
  height:48px;padding:0 18px;border:1px solid #d9ad2d;border-radius:12px;background:rgba(3,19,37,.75);
  color:#ffe37a;font-weight:700;cursor:pointer;box-shadow:0 0 10px rgba(255,197,40,.14)
}
.uvip-register-or{position:relative;text-align:center;margin:22px 0 12px;height:20px}
.uvip-register-or:before{content:"";position:absolute;left:0;right:0;top:10px;height:1px;background:linear-gradient(90deg,transparent,#d6aa2b,transparent)}
.uvip-register-or span{
  position:relative;display:inline-block;padding:2px 13px;border:1px solid #c79c25;border-radius:20px;
  background:#06182e;color:#e7c85d;font-size:12px;box-shadow:0 0 8px rgba(255,199,45,.15)
}
.uvip-register-contact{
  height:50px;border:1px solid #e1b62f;border-radius:28px;color:#ffe275;text-decoration:none;font-weight:800;
  display:flex;align-items:center;justify-content:center;font-size:18px;
  background:rgba(3,18,35,.55);box-shadow:0 0 13px rgba(255,199,45,.18),inset 0 0 10px rgba(0,92,210,.10)
}
.uvip-register-support{text-align:center;color:#aebbc8;font-size:13px;line-height:1.5;margin:9px 0 0}
.uvip-register-errors{
  border:1px solid rgba(255,206,70,.65);background:rgba(30,42,50,.50);border-radius:12px;
  padding:9px 12px;margin:0 0 14px;color:#ffe9a1;font-size:13px;line-height:1.6
}
.uvip-register-success{text-align:center;padding:28px 0 10px}
.uvip-register-success-icon{
  width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;
  background:linear-gradient(180deg,#ffe56e,#dba514);color:#06182e;font-size:38px;font-weight:900;
  box-shadow:0 0 25px rgba(255,203,48,.55)
}
.uvip-register-success p{color:#d9c98f}
@media(max-width:799px){
  .uvip-register-page{padding:8px 4px 22px}
  .uvip-register-card{border-radius:18px;padding:20px 24px 24px;min-height:calc(100vh - 30px)}
  .uvip-register-card h1{font-size:28px}.uvip-register-brand img{max-height:82px}
  .uvip-register-field input,.uvip-register-field select{height:54px}
  .uvip-register-two-col{gap:8px}
}
@media(max-width:390px){
  .uvip-register-card{padding-left:16px;padding-right:16px}.uvip-register-card h1{font-size:25px}
  .uvip-register-brand{margin-left:30px;margin-right:30px}.uvip-register-steps{padding-left:6px;padding-right:6px}
  .uvip-register-steps button span{font-size:12px}.uvip-register-field input,.uvip-register-field select{font-size:15px}
  .uvip-register-primary{font-size:17px}
}

/* UVIP888 Register V4 — final scoped Gold/Navy visual override. Loaded after theme styles. */
body.uvip888-register-body{background:#020b18!important;color:#fff!important;}
body.uvip888-register-body .uvip-register-page{background:linear-gradient(180deg,#071f3d 0%,#04152b 55%,#020b18 100%)!important;color:#fff!important;}
body.uvip888-register-body .uvip-register-card{border-color:#f6cf55!important;background:radial-gradient(circle at 50% 0%,rgba(255,214,86,.12),transparent 30%),linear-gradient(180deg,#09264a 0%,#03162e 100%)!important;box-shadow:0 0 10px rgba(255,211,77,.98),0 0 26px rgba(255,196,40,.62),0 0 54px rgba(255,190,30,.28),inset 0 0 32px rgba(0,110,255,.12),inset 0 0 0 1px rgba(255,239,150,.22)!important;}
body.uvip888-register-body .uvip-register-card:after{border-color:rgba(255,232,130,.38)!important;}
body.uvip888-register-body .uvip-register-steps{border-color:#e9c43e!important;background:linear-gradient(180deg,rgba(10,43,82,.82),rgba(3,22,44,.88))!important;box-shadow:0 0 14px rgba(255,203,55,.20),inset 0 0 16px rgba(0,98,220,.12)!important;}
body.uvip888-register-body .uvip-register-field input,body.uvip888-register-body .uvip-register-field select{border-color:#e7bb35!important;background:linear-gradient(180deg,#102d4d 0%,#071b34 100%)!important;color:#fff!important;box-shadow:inset 0 0 12px rgba(0,102,220,.16),0 0 9px rgba(255,202,55,.16)!important;}
body.uvip888-register-body .uvip-register-field input:focus,body.uvip888-register-body .uvip-register-field select:focus{border-color:#ffe97a!important;box-shadow:0 0 0 2px rgba(255,207,60,.16),0 0 18px rgba(255,198,45,.50),inset 0 0 14px rgba(0,120,255,.14)!important;}
body.uvip888-register-body .uvip-register-primary{border-color:#fff2aa!important;background:linear-gradient(180deg,#fff08a 0%,#f6ca43 52%,#d99d13 100%)!important;color:#07182d!important;box-shadow:0 7px 24px rgba(255,192,28,.34),0 0 18px rgba(255,211,75,.55)!important;}
body.uvip888-register-body .uvip-register-contact{border-color:#e8c33f!important;background:rgba(4,23,45,.74)!important;color:#ffe57b!important;box-shadow:0 0 15px rgba(255,199,45,.22),inset 0 0 10px rgba(0,92,210,.12)!important;}
body.uvip888-register-body .uvip-register-close{border-color:#e8c34a!important;background:rgba(3,20,40,.92)!important;color:#ffe98c!important;box-shadow:0 0 13px rgba(255,203,52,.50),inset 0 0 10px rgba(255,208,63,.10)!important;}
body.uvip888-register-body .uvip-register-or span{background:#071f3d!important;border-color:#d8ad35!important;color:#f0d36b!important;}
body.uvip888-register-body .uvip-register-field>span{color:#fff0b2!important;}
body.uvip888-register-body .uvip-register-note{color:#eadfbf!important;}


/* UVIP888 Register V5 — Step 2 only, matched to the approved Gold/Navy reference. */
body.uvip888-register-body .uvip-register-panel[data-register-panel="2"] .uvip-register-field>span{
  color:#fff4bd!important;
  text-shadow:0 0 7px rgba(255,211,74,.12);
}
body.uvip888-register-body .uvip-register-panel[data-register-panel="2"] .uvip-register-field input,
body.uvip888-register-body .uvip-register-panel[data-register-panel="2"] .uvip-register-field select{
  background:linear-gradient(180deg,#123a64 0%,#0a2748 52%,#08203b 100%)!important;
  border:1px solid #f1c94e!important;
  color:#f7fbff!important;
  box-shadow:inset 0 0 14px rgba(55,155,255,.14),0 0 8px rgba(255,205,67,.18)!important;
}
body.uvip888-register-body .uvip-register-panel[data-register-panel="2"] .uvip-register-field input::placeholder{
  color:#a8c9e7!important;
  opacity:1;
}
body.uvip888-register-body .uvip-register-panel[data-register-panel="2"] .uvip-register-field input:focus,
body.uvip888-register-body .uvip-register-panel[data-register-panel="2"] .uvip-register-field select:focus{
  border-color:#ffe98a!important;
  box-shadow:0 0 0 2px rgba(255,211,74,.12),0 0 16px rgba(255,204,61,.45),inset 0 0 14px rgba(45,145,255,.18)!important;
}
/* Native dropdown options: use a light-blue list where the browser permits styling. */
body.uvip888-register-body .uvip-register-panel[data-register-panel="2"] select option{
  background:#b9e2f7!important;
  color:#06203b!important;
}
body.uvip888-register-body .uvip-register-panel[data-register-panel="2"] select option:checked{
  background:#2f8ff0!important;
  color:#fff!important;
}
body.uvip888-register-body .uvip-register-panel[data-register-panel="2"] .uvip-register-actions{
  gap:10px;
  margin-top:14px;
}
body.uvip888-register-body .uvip-register-panel[data-register-panel="2"] .uvip-register-back{
  min-width:104px;
  height:50px;
  border-color:#f0c84b!important;
  background:linear-gradient(180deg,#0d3156,#061d37)!important;
  color:#ffe37a!important;
  box-shadow:0 0 12px rgba(255,202,56,.20),inset 0 0 10px rgba(40,130,240,.12)!important;
}
body.uvip888-register-body .uvip-register-panel[data-register-panel="2"] .uvip-register-primary{
  min-height:50px;
}
@media(max-width:390px){
  body.uvip888-register-body .uvip-register-panel[data-register-panel="2"] .uvip-register-field input,
  body.uvip888-register-body .uvip-register-panel[data-register-panel="2"] .uvip-register-field select{height:52px;}
}