/* ===== Registration modal – custom design ===== */
.form[data-v-16600825]{
  padding:0;
  background:linear-gradient(180deg,#17508a 0%,#0b2b50 28%,#071b36 100%);
  color:#fff;
  border-radius:0 0 24px 24px;
  overflow:hidden;
}
.claim{
  position:relative;
  display:flex;flex-direction:column;align-items:center;
  padding:22px 24px 24px;
  text-align:center;
}
.claim:before{
  content:"";position:absolute;inset:0 0 auto;height:120px;
  background:radial-gradient(60% 100% at 50% 0%,rgba(0,163,255,.35),transparent 70%);
  pointer-events:none;
}
.claim__pill{
  position:relative;
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 14px 6px 10px;
  border-radius:999px;
  font-size:12px;font-weight:600;letter-spacing:.2px;
  color:#bfe4ff;
  background:rgba(0,163,255,.12);
  border:1px solid rgba(120,200,255,.28);
  backdrop-filter:blur(6px);
}
.claim__pill-dot{
  width:8px;height:8px;border-radius:50%;
  background:#3ddc84;
  box-shadow:0 0 0 0 rgba(61,220,132,.7);
  animation:claim-pulse 1.8s ease-out infinite;
}
@keyframes claim-pulse{
  0%{box-shadow:0 0 0 0 rgba(61,220,132,.7)}
  100%{box-shadow:0 0 0 8px rgba(61,220,132,0)}
}
.claim__title{
  position:relative;
  margin:14px 0 18px;
  font-family:var(--secondary-font-family);
  font-size:30px;line-height:1.05;font-weight:700;
  letter-spacing:-.6px;text-transform:uppercase;
  background:linear-gradient(180deg,#ffffff 0%,#cfe9ff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.claim__btn{
  position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:center;gap:10px;
  width:100%;height:58px;
  padding:0 20px;border:none;border-radius:16px;
  font-family:inherit;font-size:18px;font-weight:700;letter-spacing:.2px;
  color:#fff;cursor:pointer;
  background:linear-gradient(180deg,#38a1ff 0%,#0a6cff 55%,#0553d6 100%);
  box-shadow:0 10px 28px rgba(10,108,255,.45),
             inset 0 1px 0 rgba(255,255,255,.35),
             inset 0 -2px 0 rgba(0,0,0,.18);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.claim__btn:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 14px 34px rgba(10,108,255,.55),inset 0 1px 0 rgba(255,255,255,.35)}
.claim__btn:active{transform:translateY(0);filter:brightness(.97)}
.claim__btn-text{position:relative;z-index:1}
.claim__btn-arrow{position:relative;z-index:1;transition:transform .18s ease}
.claim__btn:hover .claim__btn-arrow{transform:translateX(4px)}
.claim__btn-shine{
  position:absolute;top:-40%;left:-60%;width:40%;height:180%;
  background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.45) 50%,transparent 100%);
  transform:skewX(-20deg);
  animation:claim-shine 2.8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes claim-shine{
  0%,60%{left:-60%}
  100%{left:140%}
}
.claim__login{
  margin:16px 0 0;
  font-size:13px;color:rgba(191,228,255,.7);
}
.claim__login a{
  color:#fff;font-weight:600;text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.35);
  transition:border-color .15s;
}
.claim__login a:hover{border-color:#fff}
@media (max-width:480px){
  .claim{padding:20px 18px 22px}
  .claim__title{font-size:26px;margin:12px 0 16px}
  .claim__btn{height:54px;font-size:17px}
}

/* ===== B9 logo ===== */
.logo-b9{display:block;width:auto;height:30px;object-fit:contain}
@media (min-width:768px){.logo-b9{height:40px}}

/* ===== 弹窗手机版居中 ===== */
.reg-modal[data-v-d86fe56e]{align-items:center !important;padding:20px 0 !important;min-height:100%}