/* Registration presentation. Existing field validation and mobile steps stay intact. */
.signup-page{background:#101113}
.signup-page #isi{background:radial-gradient(ellipse at 80% 0,rgba(var(--pri-rgb),.05),transparent 52%)}
.signup-page #isi>.container{max-width:1120px}
.signup-page .authwrap{grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start;padding:38px 0 52px}
.signup-page .authcard{padding:32px;border:1px solid var(--line-2);border-radius:20px;background:linear-gradient(145deg,#1c1e22,#17191c 70%);box-shadow:0 15px 50px #0002}
.signup-eyebrow{display:block;margin-bottom:10px;color:var(--pri);font-size:9px;letter-spacing:.17em;font-weight:800;text-transform:uppercase}
.signup-page .authcard h1{margin:0 0 10px;font-size:31px;line-height:1.3;letter-spacing:-.8px}
.signup-page .authcard>p{margin-bottom:28px;font-size:12px;line-height:1.85;color:var(--muted);max-width:470px}
.signup-page .fset{min-width:0;margin-bottom:26px;padding:0 0 26px;border-bottom:1px solid var(--line-2)}
.signup-page .fset__hd{margin-bottom:20px;gap:9px;font-size:13px;line-height:1.6;letter-spacing:0;text-transform:none;color:var(--text)}
.signup-page .fset__hd i{width:24px;height:24px;font-size:10px;font-style:normal;border-radius:7px;border:1px solid rgba(var(--pri-rgb),.18);background:rgba(var(--pri-rgb),.08);color:var(--pri)}
.signup-page .fset__hd em{font-size:10px;font-style:normal;color:var(--dim);font-weight:500}
.signup-page .formgrid{gap:0 18px}
.signup-page .field{min-width:0;margin-bottom:19px}
.signup-page .field:last-child{margin-bottom:0}
.signup-page .field label{margin-bottom:8px;font-size:12px;color:#dbdce0;font-weight:600}
.signup-page .field label>b{font-size:11px;color:#cfb85b}
.signup-page .field input,.signup-page .field select{height:48px;padding:0 14px;border:1px solid var(--line-2);border-radius:9px;background:#101215;color:var(--text);font-size:14px;box-shadow:none}
.signup-page .field__wrap input{padding-right:46px}
.signup-page .field input::placeholder{color:var(--dim);font-size:12px}
.signup-page .field input:focus,.signup-page .field select:focus{outline:2px solid rgba(var(--pri-rgb),.13);outline-offset:2px;border-color:var(--pri)}
.signup-page .field input[aria-invalid="true"],.signup-page .field select[aria-invalid="true"]{border-color:var(--hot-lt)}
.signup-page .field__eye{right:8px;width:34px;height:34px;color:var(--dim)}
.signup-page .field__eye:hover{color:var(--pri)}
.signup-page .field__hint{margin-top:7px;color:var(--dim);font-size:10px;line-height:1.8}
.signup-page .field__hint a{color:var(--muted)}
.signup-page .field__galat{font-size:10px;line-height:1.7}
.signup-page .capt{margin:0 0 22px;max-width:100%;overflow-x:auto}
.signup-page .authcard__setuju{margin-bottom:23px}
.signup-page .check{align-items:flex-start;font-size:11px;line-height:1.9;color:var(--muted)}
.signup-page .check input{flex:none;margin-top:4px}
.signup-page .btn--pri{min-height:49px;border-radius:10px;background:linear-gradient(115deg,var(--pri-lt),var(--pri) 80%);box-shadow:0 4px 16px rgba(var(--pri-rgb),.09);font-size:13px}
.signup-page .btn--line{min-height:46px;border-radius:10px;font-size:12px}
.signup-page .authcard__ask{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);font-size:11px}
.signup-page .authside{gap:16px;position:sticky;top:90px}
.signup-intro{position:relative;overflow:hidden;padding:28px 24px;border:1px solid rgba(var(--pri-rgb),.2);border-radius:18px;background:radial-gradient(ellipse at 100% 0,rgba(var(--pri-rgb),.15),transparent 70%),#1a1c20}
.signup-intro::after{content:"";position:absolute;right:-95px;top:52px;width:200px;height:200px;border:1px solid rgba(var(--pri-rgb),.1);border-radius:50%;pointer-events:none}
.signup-intro>img{display:block;width:150px;height:auto;max-width:90%;margin-bottom:30px}
.signup-intro>span{display:block;margin-bottom:10px;color:var(--pri);font-size:8px;font-weight:800;letter-spacing:.18em}
.signup-intro h2{position:relative;margin:0;font-size:26px;letter-spacing:-.65px;line-height:1.4}
.signup-intro p{position:relative;margin:15px 0 22px;color:var(--muted);font-size:11px;line-height:1.9}
.signup-intro>a{display:flex;justify-content:space-between;position:relative;padding-top:17px;border-top:1px solid var(--line-2);color:var(--pri);font-size:10px;font-weight:700}
.signup-page .authside__box{padding:21px;border-radius:14px;border-color:var(--line-2);background:#181a1d}
.signup-page .authside__box h2{font-size:12px;margin-bottom:15px}
.signup-page .authside__box li{font-size:11px;line-height:1.85;margin-bottom:9px;color:var(--muted)}
.signup-page .authside__box li:last-child{margin-bottom:0}
.signup-page .authside__box li svg{color:var(--pri);width:13px;height:13px}
.signup-page .pays{gap:6px}
.signup-page .pay{min-height:29px;padding:6px 8px;border:1px solid var(--line-2);border-radius:6px;background:#202226;color:var(--text);font-size:9px}
.signup-page .pay--muted{color:var(--dim)}
.signup-page .authside__chat{padding:17px 20px;border:1px solid var(--line-2);border-radius:13px;background:#181a1d}
.signup-page .authside__chat>svg:first-child{color:var(--pri)}
.signup-page .authside__chat b{font-size:11px}
.signup-page .authside__chat em{font-size:10px;line-height:1.7}
.signup-page .authside .warn{padding:18px;border:1px solid var(--line-2);border-radius:13px;background:transparent}
.signup-page .warn__age{width:30px;height:30px;font-size:10px;flex:none;border-color:rgba(var(--pri-rgb),.5)}
.signup-page .warn p{font-size:10px;line-height:1.85}
.signup-page a:focus-visible,.signup-page button:focus-visible{outline:2px solid var(--pri);outline-offset:3px}
@media(max-width:1000px){.signup-page .authwrap{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.signup-page .authcard{padding:26px}.signup-intro{padding:24px 21px}.signup-intro h2{font-size:24px}}
@media(max-width:900px) and (min-width:701px){.signup-page .authwrap{grid-template-columns:minmax(0,1fr);max-width:680px;margin:0 auto}.signup-page .authside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}.signup-intro{grid-row:span 2}.signup-page .authside .warn{grid-column:1/-1}}
@media(max-width:700px){
  .signup-page .authwrap{grid-template-columns:minmax(0,1fr);gap:15px;padding:22px 0 30px}
  .signup-page .authcard{padding:24px 18px 21px;border-radius:16px}
  .signup-eyebrow{font-size:8px;margin-bottom:8px;letter-spacing:.14em}
  .signup-page .authcard h1{font-size:27px}
  .signup-page .authcard>p{font-size:11px;line-height:1.8;margin-bottom:23px}
  .signup-page .langkah{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;padding:10px;border:1px solid var(--line-2);border-radius:11px;background:#111316}
  .signup-page .langkah li,.signup-page .langkah li:last-child{display:flex;align-items:center;gap:8px;min-width:0;font-size:10px;color:var(--dim);font-weight:700}
  .signup-page .langkah li::after{display:none}
  .signup-page .langkah b{width:27px;height:27px;border-radius:7px;font-size:11px}
  .signup-page .langkah li.on{color:var(--text)}
  .signup-page .langkah li.on b{background:var(--pri);color:var(--on-pri)}
  .signup-page .langkah li.lewat b{background:rgba(var(--green-rgb),.12);border-color:rgba(var(--green-rgb),.3);color:var(--green);font-size:0}
  .signup-page .fset{margin-bottom:20px;padding-bottom:20px}
  .signup-page .fset__hd{margin-bottom:17px;font-size:13px}
  .signup-page .fset__hd i{display:none}
  .signup-page .formgrid{grid-template-columns:minmax(0,1fr)}
  .signup-page .field{margin-bottom:17px}
  .signup-page .field input,.signup-page .field select{height:48px;font-size:16px}
  .signup-page .field input::placeholder{font-size:12px}
  .signup-page .field__hint{font-size:10px}
  .signup-page .capt{margin-bottom:20px}
  .signup-page .authcard__ask{margin-top:22px}
  .signup-page .authside{display:contents;position:static}
  .signup-intro{display:none}
  .signup-page .authside__box{padding:20px}
  .signup-page .authside__box li{font-size:11px}
  .signup-page .authbar__ask{font-size:10px}
}
@media(max-width:350px){.signup-page .authcard{padding-left:13px;padding-right:13px}.signup-page .capt{overflow-x:auto}.signup-page .authbar__ask{font-size:9px}}
@media(prefers-reduced-motion:reduce){.signup-page *{scroll-behavior:auto;transition:none;animation:none}}