*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;background:#000 center/cover no-repeat fixed;overflow:hidden}
body.is-pc{background-image:url("../imgs/pcbg.webp")}
body.is-mobile{background-image:url("../imgs/bg.webp")}
.main{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.32)}
.logo{position:absolute;top:34px;left:0;width:100%;display:flex;justify-content:center;z-index:2}
.logo img{width:360px;max-width:42vw;height:auto}
.content{width:390px;background:#fff;border-radius:6px;padding:34px 46px 38px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 18px rgba(0,0,0,.35);z-index:3}
.circular-chart{width:150px;height:150px;margin-bottom:22px}
.circle-bg{fill:none;stroke:#eee;stroke-width:3.8}.circle{fill:none;stroke:#02B95E;stroke-width:3.8;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.percentage{fill:#02B95E;font-size:.47em;text-anchor:middle;font-weight:700}
.continue_btn,.domains{width:100%}.continue_btn a,.domains a{display:block;width:100%;background-repeat:no-repeat;background-position:center;background-size:100% 100%}
.continue_btn a{height:48px;background-image:url("../imgs/continue_btn.png");margin:0 0 22px}
.help{font-size:18px;color:#f11;font-weight:700;margin-bottom:8px}.tips{font-size:13px;color:#888;text-align:center;margin-bottom:18px}
.domains a{height:46px;margin-top:10px}.ios{background-image:url("../imgs/ios_btn.png")}.android{background-image:url("../imgs/android_btn.png")}
.corp{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:center;background:rgba(0,0,0,.48);padding:10px 15px}.corp img{width:900px;max-width:82vw;height:auto}
.corp-h5{display:none}
body.is-mobile .logo,body.is-mobile .corp{display:none}
body.is-mobile .main{background:rgba(0,0,0,.25)}
body.is-mobile .content{width:86%;max-width:360px;padding:28px 26px;border-radius:8px}
body.is-mobile .circular-chart{width:130px;height:130px}
body.is-mobile .continue_btn a,body.is-mobile .domains a{height:48px}
body.is-mobile .help{font-size:18px}body.is-mobile .tips{font-size:13px}
body.is-mobile .corp-h5{display:block;margin-top:16px}.corp-h5 .imgs{display:flex;justify-content:center;gap:12px}.corp-h5 img{height:25px;width:auto}


/* ===== FINAL PC REFERENCE-SIZE OVERRIDES ===== */
@media (min-width:701px){
  .logo{top:26px}
  .logo img{width:330px;max-width:36vw}
  .content{
    width:350px;
    padding:30px 42px 32px;
    border-radius:5px;
  }
  .circular-chart{
    width:142px;
    height:142px;
    margin-bottom:18px;
  }
  .continue_btn a{
    height:44px;
    margin-bottom:19px;
  }
  .help{
    font-size:17px;
    margin-bottom:7px;
  }
  .tips{
    font-size:12px;
    margin-bottom:15px;
  }
  .domains a{
    height:42px;
    margin-top:8px;
  }
  .corp{
    padding:8px 15px;
  }
  .corp img{
    width:880px;
    max-width:80vw;
  }
}


/* ===== TRUE FINAL PC MATCH ===== */
@media (min-width:701px){
  body.is-pc .main{
    display:flex;
    align-items:center;
    justify-content:center;
  }

  body.is-pc .logo{
    top:30px;
  }
  body.is-pc .logo img{
    width:345px;
    max-width:38vw;
    height:auto;
  }

  /* Reference screenshot: visible white card ~270px wide at 1280px viewport */
  body.is-pc .content{
    box-sizing:border-box;
    width:270px;
    max-width:none;
    padding:27px 32px 28px;
    border-radius:5px;
  }

  body.is-pc .circular-chart{
    width:122px;
    height:122px;
    margin-bottom:16px;
  }

  body.is-pc .continue_btn,
  body.is-pc .domains{
    width:100%;
  }

  body.is-pc .continue_btn a{
    width:100%;
    height:35px;
    margin:0 0 17px;
  }

  body.is-pc .help{
    font-size:15px;
    line-height:1.35;
    margin-bottom:6px;
  }

  body.is-pc .tips{
    font-size:11px;
    line-height:1.45;
    margin-bottom:12px;
  }

  body.is-pc .domains a{
    width:100%;
    height:34px;
    margin-top:7px;
  }

  body.is-pc .corp{
    padding:8px 15px;
  }
  body.is-pc .corp img{
    width:880px;
    max-width:80vw;
    height:auto;
  }
}


/* ===== FINAL REFERENCE MATCH 20260916 ===== */
@media (min-width:701px){
  body.is-pc .main{
    display:flex;
    align-items:center;
    justify-content:center;
  }

  /* Current desktop background already contains the top partnership logo
     and bottom club strip, so hide the duplicate HTML overlays on PC. */
  body.is-pc .logo,
  body.is-pc .corp{
    display:none !important;
  }

  body.is-pc .content{
    box-sizing:border-box;
    width:390px !important;
    max-width:none !important;
    padding:34px 46px 38px !important;
    border-radius:6px !important;
  }

  body.is-pc .circular-chart{
    width:150px !important;
    height:150px !important;
    margin-bottom:22px !important;
  }

  body.is-pc .continue_btn,
  body.is-pc .domains{
    width:100% !important;
  }

  body.is-pc .continue_btn a{
    width:100% !important;
    height:48px !important;
    margin:0 0 22px !important;
  }

  body.is-pc .help{
    font-size:18px !important;
    line-height:1.35 !important;
    margin-bottom:8px !important;
  }

  body.is-pc .tips{
    font-size:13px !important;
    line-height:1.45 !important;
    margin-bottom:18px !important;
  }

  body.is-pc .domains a{
    width:100% !important;
    height:46px !important;
    margin-top:10px !important;
  }
}


/* ===== FINAL TEXT + BOTTOM ONLY 20260916 ===== */
@media (min-width:701px){
  /* Text only: larger and no artificial character spacing */
  body.is-pc .continue_btn a,
  body.is-pc .domains a{
    font-size:16px !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
  }

  body.is-pc .help{
    font-size:18px !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
  }

  body.is-pc .tips{
    font-size:13px !important;
    letter-spacing:0 !important;
  }

  /* Bottom partner/brand strip: one clean layer, fully visible */
  body.is-pc .corp{
    display:flex !important;
    position:absolute !important;
    left:0 !important;
    bottom:0 !important;
    width:100% !important;
    height:58px !important;
    padding:5px 0 !important;
    box-sizing:border-box !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    background:rgba(0,0,0,.58) !important;
    z-index:4 !important;
  }

  body.is-pc .corp img{
    display:block !important;
    width:auto !important;
    height:46px !important;
    max-width:92vw !important;
    object-fit:contain !important;
  }
}


/* ===== TEXT + BOTTOM V2 ===== */
@media (min-width:701px){
  /* Keep the approved card dimensions; only enlarge text */
  body.is-pc .continue_btn a,
  body.is-pc .domains a{
    font-size:18px !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
    word-spacing:0 !important;
  }
  body.is-pc .help{
    font-size:19px !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
    word-spacing:0 !important;
  }
  body.is-pc .tips{
    font-size:14px !important;
    font-weight:400 !important;
    letter-spacing:0 !important;
    word-spacing:0 !important;
  }

  /* Raise and enlarge the bottom brand strip for clearer display */
  body.is-pc .corp{
    display:flex !important;
    position:absolute !important;
    left:0 !important;
    bottom:8px !important;
    width:100% !important;
    height:76px !important;
    padding:4px 0 !important;
    box-sizing:border-box !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
    background:rgba(0,0,0,.60) !important;
    z-index:6 !important;
  }
  body.is-pc .corp img{
    display:block !important;
    width:auto !important;
    height:66px !important;
    max-width:94vw !important;
    object-fit:contain !important;
  }
}

/* ===== CENTER TEXT V3: larger + wider spacing only ===== */
@media (min-width:701px){
 body.is-pc .continue_btn a,body.is-pc .domains a{font-size:19px!important;font-weight:700!important;letter-spacing:3px!important;word-spacing:0!important;}
 body.is-pc .help{font-size:20px!important;font-weight:700!important;letter-spacing:1.5px!important;word-spacing:0!important;}
 body.is-pc .tips{font-size:14px!important;letter-spacing:.5px!important;word-spacing:0!important;}
}

/* ===== LATEST FINAL: CENTER TEXT ONLY ===== */
@media (min-width:701px){
  body.is-pc .continue_btn a,
  body.is-pc .domains a{
    font-size:20px !important;
    font-weight:700 !important;
    letter-spacing:4px !important;
    word-spacing:0 !important;
  }
  body.is-pc .help{
    font-size:21px !important;
    font-weight:700 !important;
    letter-spacing:2px !important;
    word-spacing:0 !important;
  }
  body.is-pc .tips{
    font-size:14px !important;
    letter-spacing:1px !important;
    word-spacing:0 !important;
  }
}