#body-user-register.wd-register { background:#f6f9fc; color:#243d55; }
.wd-register-layout,.wd-register-layout * { box-sizing:border-box; }
#body-user-register .wd-register-layout { width:calc(100% - 48px); max-width:1040px; margin:38px auto 48px; float:none; display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:start; }
.wd-register-benefits { padding:28px 12px; min-width:0; }
.wd-register-kicker { display:block; float:none; width:auto; color:#598474; font-size:10px; line-height:1.5; letter-spacing:1.7px; font-weight:700; text-transform:uppercase; }
.wd-register-benefits h2 { font-size:34px; line-height:1.2; letter-spacing:-1px; margin:18px 0; color:#203d52; }
.wd-register-benefits > p { color:#738797; font-size:14px; line-height:1.7; max-width:400px; }
.wd-register-benefits ul { list-style:none; padding:0; margin:28px 0; display:grid; gap:20px; }
.wd-register-benefits li { display:flex; gap:14px; align-items:center; }
.wd-register-benefits li > span { display:grid; place-items:center; width:38px; height:38px; border-radius:9px; background:#e6f0ed; color:#407e6b; flex:none; font-size:18px; }
.wd-register-benefits li strong { font-size:14px; color:#35526a; }.wd-register-benefits li p { font-size:12px; color:#8394a3; margin:5px 0 0; line-height:1.5; }
.wd-register-illustration { padding:14px 16px; margin:24px 0; background:linear-gradient(130deg,#e2eef3,#e6f2e9); border:1px solid #dce9e7; border-radius:18px; }
.wd-register-window { background:#ffffffc9; padding:22px; border-radius:9px; transform:rotate(-2deg); margin:8px 0; }.wd-register-window > span { display:block; font-size:8px; color:#719788; letter-spacing:1.6px; }.wd-register-window strong { display:block; font-size:23px; letter-spacing:-.5px; line-height:1.2; margin:14px 0; color:#2c4a54; }.wd-register-window > div { display:flex; align-items:end; gap:7px; height:48px; }.wd-register-window i { height:25%; flex:1; background:#b9d7ca; border-radius:4px 4px 0 0; }.wd-register-window i:nth-child(2){height:40%}.wd-register-window i:nth-child(3){height:65%}.wd-register-window i:nth-child(4){height:75%;background:#74b99e}.wd-register-window i:nth-child(5){height:100%;background:#40876f}
.wd-register-benefits .wd-register-free { font-size:11px; color:#7b8b9a; }
#body-user-register .wd-register-card { float:none; width:100%; min-width:0; padding:30px; background:#fff; border:1px solid #e0e7f0; border-radius:15px; box-shadow:0 10px 36px #24476008; }
#body-user-register .wd-register-card h1 { width:auto; float:none; margin:10px 0 12px; font-size:29px; line-height:1.2; letter-spacing:-.7px; color:#203b54; }
.wd-register-intro { font-size:13px; color:#748699; line-height:1.65; margin:0 0 22px; }
#body-user-register #register { float:none; width:100%; padding:0; margin:0; background:none; border:0; box-shadow:none; }
#body-user-register .wd-register-social { display:block; float:none; width:100%; }
#body-user-register .wd-google,#body-user-register .wd-facebook { display:flex; align-items:center; justify-content:center; gap:12px; width:100%; height:44px; border:1px solid #d8e1ed; border-radius:8px; background:#fff; color:#3f5770; font-weight:600; font-size:13px; text-decoration:none; margin:0 0 10px; float:none; }
.wd-google > span { font-size:20px; font-weight:700; color:#4285f4; }.wd-facebook > span { font-size:24px; color:#4267a9; }
#register .fjl-hooked { display:none !important; } /* Preserve plugin hooks while displaying one callback button. */
#body-user-register.wd-register #navi-bar { display:none !important; }
#register .wd-referral .control-group,#register .wd-referral .controls { float:none; width:100%; }
#register #osp_referral_info { font-size:10px; line-height:1.6; color:#8999a9; margin:7px 0; }
.wd-register-divider { display:flex; align-items:center; gap:12px; margin:19px 0; color:#9cabb7; font-size:10px; clear:both; }.wd-register-divider:before,.wd-register-divider:after { content:''; height:1px; background:#e8edf4; flex:1; }
.wd-register-field { margin:0 0 15px; width:100%; float:none; }.wd-register-field label { display:block; float:none; width:auto; font-size:12px; font-weight:600; color:#3e5871; margin:0 0 6px; line-height:1.5; }
#body-user-register #register .wd-register-field input { width:100%; height:44px; margin:0; padding:11px 13px; border:1px solid #dce4ef; border-radius:7px; background:#fbfcfe; color:#304a64; box-shadow:none; float:none; font-size:14px; line-height:1.4; }
#body-user-register #register input::placeholder { color:#9ba8b6; }#body-user-register #register input:focus { outline:2px solid #a4c5e8; outline-offset:1px; border-color:#7da3cc; }
.wd-password-field { position:relative; width:100%; float:none; }#body-user-register #register .wd-password-field input { padding-right:66px; }
#body-user-register .wd-password-toggle { position:absolute; right:9px; top:7px; background:none; border:0; height:30px; width:auto; padding:5px; color:#557898; font-size:11px; font-weight:600; cursor:pointer; float:none; }
.wd-register-hint { font-size:10px; line-height:1.6; color:#8b99a7; margin:7px 0 0; }.wd-profile-later { margin:-2px 0 14px; }
#register .user-reg-hook { float:none; width:100%; clear:both; }.wd-referral { width:100%; border-top:1px solid #edf1f5; padding:11px 0; margin:2px 0 10px; }.wd-referral summary { cursor:pointer; color:#69839b; font-size:11px; font-weight:600; line-height:1.5; }.wd-referral label { display:block; float:none; margin:10px 0 5px; font-size:11px; }.wd-referral .row { margin:0; width:100%; }.wd-referral input { width:100%; height:40px; border:1px solid #dce4ef; border-radius:6px; }.wd-referral .osp-referral-desc { font-size:10px; line-height:1.5; }
.wd-register-policy { float:none; width:100%; font-size:10px; line-height:1.7; color:#8b99a7; margin:14px 0; }.wd-register-policy a { color:#52799c; text-decoration:underline; }
.wd-register-activation { padding:10px 12px; background:#eff5fa; color:#70879c; border-radius:6px; font-size:11px; line-height:1.6; margin:0 0 15px; }
#body-user-register #register .wd-register-submit { display:flex; align-items:center; justify-content:center; gap:12px; width:100%; height:auto; min-height:46px; float:none; margin:0; padding:12px 16px; border:1px solid #276ab9; border-radius:8px; background:#276ab9; color:#fff; font-size:14px; font-weight:600; line-height:1.4; }.wd-register-submit:hover { background:#1e579b !important; }
.wd-register-login { text-align:center; margin:18px 0 0; color:#8b99a7; font-size:11px; }.wd-register-login a { font-weight:600; color:#4377a7; }
#register #error_list { width:100%; float:none; margin:0 0 12px; padding:0; font-size:12px; line-height:1.6; color:#a84242; }#register #error_list:empty { display:none; }
#body-user-register.wd-register .mobile-bottom { display:none !important; }
#body-user-register a:focus-visible,#body-user-register button:focus-visible,#body-user-register summary:focus-visible { outline:3px solid #86add4; outline-offset:3px; }
html[mode="dark"] #body-user-register.wd-register { background:#172533; }html[mode="dark"] .wd-register-benefits h2,html[mode="dark"] .wd-register-benefits li strong,html[mode="dark"] #body-user-register .wd-register-card h1 { color:#dce8f3; }html[mode="dark"] #body-user-register .wd-register-card { background:#223649; border-color:#3b5268; }html[mode="dark"] .wd-register-field label { color:#c4d6e7; }html[mode="dark"] #body-user-register #register .wd-register-field input { background:#1b2c3e; color:#dce8f4; border-color:#476078; }html[mode="dark"] #body-user-register .wd-google,html[mode="dark"] #body-user-register .wd-facebook { background:#233c52; color:#d5e3ef; border-color:#486078; }html[mode="dark"] .wd-register-activation { background:#29445b; color:#c1d6e7; }html[mode="dark"] .wd-register-intro,html[mode="dark"] .wd-register-hint { color:#a7bacb; }
@media(max-width:800px) { #body-user-register .wd-register-layout { grid-template-columns:1fr; max-width:480px; gap:0; margin:24px auto 36px; }.wd-register-benefits { display:none; } }
@media(max-width:600px) { #body-user-register .wd-register-layout { width:calc(100% - 32px); margin:20px auto 30px; }#body-user-register .wd-register-card { padding:24px 20px; border-radius:12px; }#body-user-register .wd-register-card h1 { font-size:27px; }#body-user-register.wd-register { padding-bottom:0 !important; } }