/* Winner's Line business membership: introduction and registration. */
.registration-page{background:#f4f6f9;color:#17314f}
.registration-page>header{max-width:1336px;padding:26px 32px;gap:24px}
.membership-signin{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;white-space:nowrap}
.membership-signin span{font-size:12px;color:#78879b;font-weight:400}.membership-signin b{color:#456a96;font-size:18px}
.registration-page .registration-shell{display:grid!important;grid-template-columns:350px minmax(0,1fr);gap:44px;max-width:1272px!important;width:calc(100% - 64px);margin:24px auto 60px!important;align-items:start}
.membership-intro{position:sticky;top:26px;padding:34px 30px 26px;border-radius:20px;background:#102c4c;color:#fff;overflow:hidden;isolation:isolate}
.membership-intro:before{content:'';position:absolute;width:300px;height:300px;right:-165px;top:125px;border:1px solid #ffffff0a;box-shadow:0 0 0 34px #ffffff03,0 0 0 68px #ffffff02;transform:rotate(30deg);z-index:-1}
.membership-intro-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.membership-kicker{font-size:8px;letter-spacing:1.4px;color:#a8bdd4;font-weight:600}.membership-chip{font-size:8px;letter-spacing:1px;border:1px solid #7892b34d;border-radius:4px;padding:6px;color:#c7d6e5}
.membership-intro h2{font-size:28px;line-height:1.65;letter-spacing:-1.4px;margin:42px 0 22px;font-weight:650}.membership-intro-lead{font-size:13px;line-height:1.95;color:#aebfd2;margin:0}
.membership-route{margin:34px 0 32px;padding:24px 0;border-block:1px solid #ffffff18}.membership-route>div{display:flex;align-items:center;gap:16px}.membership-route span{font-size:12px;font-weight:700;letter-spacing:1.8px}.membership-route i{position:relative;flex:1;border-top:1px solid #7c99b7}.membership-route i:after{content:'';position:absolute;right:0;top:-3px;width:5px;height:5px;border-top:1px solid #7c99b7;border-right:1px solid #7c99b7;transform:rotate(45deg)}.membership-route p{color:#8ba4bf;letter-spacing:2px;font-size:8px;margin:13px 0 0}
.membership-services{display:grid;gap:24px}.membership-services>div{display:flex;align-items:flex-start;gap:14px}.membership-services>div>span{color:#6f90b2;font-size:10px;padding-top:4px;letter-spacing:1px}.membership-services p{margin:0;display:grid;gap:7px}.membership-services strong{font-size:13px;font-weight:500}.membership-services small{font-size:10px;color:#91a9c3;line-height:1.7}
.membership-intro-footer{margin-top:42px;padding-top:22px;border-top:1px solid #ffffff18;display:grid;gap:8px}.membership-intro-footer span{font-size:7px;letter-spacing:1.8px;color:#6e8ba9}.membership-intro-footer b{font-size:12px;letter-spacing:1.2px;font-weight:600}
.registration-content{min-width:0}.registration-page .registration-heading{padding:8px 0 0;margin:0 0 25px}.registration-heading>small{font-size:9px;letter-spacing:2px;color:#70849b}.registration-page .registration-heading h1{font-size:32px;font-weight:700;letter-spacing:-1.3px;margin:16px 0 12px;color:#132e4e}.registration-heading>p{font-size:13px;line-height:1.9;color:#738299;margin:0}.membership-mobile-break{display:none}
.registration-page .registration-steps{gap:0;display:flex;margin:27px 0 0;background:#fff;border:1px solid #dde5ef;border-radius:12px;padding:7px}.registration-steps a{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;padding:10px 8px;white-space:nowrap;font-size:12px;color:#51677f;min-width:0;border-radius:7px}.registration-steps a+a{border-left:1px solid #edf0f5}.registration-steps a:hover{color:#183b67;background:#f3f6fa}.registration-steps a>span{padding:0;background:none;font-size:10px;color:#8fa1b5}.registration-steps a>small{color:#91a0b0;font-size:9px}
.registration-page .registration-card{padding:28px 30px;border:1px solid #e0e6ef;border-radius:15px;box-shadow:none;margin-bottom:20px;scroll-margin-top:24px}.registration-card:target{border-color:#b6c8dd}.registration-page .registration-section-title{gap:13px;margin-bottom:25px;flex-wrap:nowrap;align-items:center}.registration-section-title>small{background:#edf2f8;border:1px solid #e1e8f0;color:#47688d;font-size:11px;padding:9px 10px;border-radius:8px}.registration-section-title>div{min-width:0}.registration-page .registration-section-title h2{font-size:18px;letter-spacing:-.5px;font-weight:700}.registration-section-title>div>p{font-size:11px;color:#8491a2;margin:7px 0 0;line-height:1.6}.registration-page .registration-section-title>span{margin-left:auto;font-size:10px;white-space:nowrap}.registration-section-title>span>b{color:#466d9b}
.registration-page .consent-all{border:1px solid #dfe7f1;background:#f1f5fa;border-radius:10px;padding:17px;font-size:13px;gap:10px}.registration-page .consent-all small{font-size:10px;line-height:1.8;flex-basis:100%;margin-left:29px}.registration-page .policy-block{margin-top:0;border-bottom:1px solid #edf0f5;padding:12px 0}.registration-policy>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:9px 0;cursor:pointer;font-size:13px;font-weight:600;color:#314f70;gap:12px}.registration-policy>summary::-webkit-details-marker{display:none}.registration-policy summary b{font-size:9px;font-weight:500;padding:3px 5px;background:#eef3f8;color:#627e9e;margin-left:6px;border-radius:4px}.registration-policy summary small{font-size:10px;font-weight:400;color:#8394a8;display:flex;align-items:center;gap:14px;white-space:nowrap}.registration-policy summary i,.notification-options summary i{font-size:17px;font-style:normal;font-weight:400;transition:transform .15s}.registration-policy[open] summary i,.notification-options[open] summary i{transform:rotate(45deg)}.registration-page .policy-text{height:160px;font-size:11px;margin:9px 0 16px;border-radius:8px;background:#f8fafc;padding:15px;color:#6c7e93}.registration-page .check-row{font-size:12px;color:#586f88;margin:10px 0;line-height:1.7}.registration-page input[type=checkbox]{width:17px;height:17px;border-radius:4px}.registration-page #policyStatus{font-size:10px;margin:12px 0 0;color:#8091a6}.registration-page #policyStatus:empty{display:none}
.registration-page .registration-grid{gap:22px 18px}.registration-page .registration-grid label{font-size:12px;font-weight:600;color:#415a76}.registration-page .registration-grid label>b{font-size:11px;color:#3d6b9e}.registration-page .registration-grid input:not([type=checkbox]),.registration-page .registration-grid select{min-height:48px;border-color:#dce4ed;background:#fbfcfe;padding:13px 14px;font-size:13px;border-radius:9px;margin-top:8px;color:#1b385a;transition:border-color .15s,box-shadow .15s}.registration-page .registration-grid input::placeholder{font-size:11px;font-weight:400;color:#8c9bae}.registration-page .registration-grid input:focus,.registration-page .registration-grid select:focus{outline:0;background:#fff;border-color:#6b8fb7;box-shadow:0 0 0 3px #305f9610}.registration-page .registration-grid label>small{font-size:9px;color:#8495a7;line-height:1.8}.registration-page .registration-grid .registration-field-hint{font-size:10px;color:#7d90a6;line-height:1.8;margin-top:7px}.registration-page .phone-verification{padding:18px;border:1px solid #e3eaf2;background:#f6f8fb;border-radius:11px}.registration-page .registration-inline{gap:8px;align-items:stretch}.registration-page .registration-inline select{max-width:130px;font-size:11px;padding:12px 8px}.registration-page .registration-inline input{min-width:80px}.registration-page .registration-inline button{padding:10px 13px;font-size:11px;min-height:48px;align-self:flex-end;background:#fff;border-color:#cbd8e7;color:#325478}.registration-page .phone-verification p{font-size:10px;margin-bottom:0;line-height:1.8}.registration-page .notification-options{margin-top:25px;padding-top:20px}.notification-options summary{list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:#3e5b7c;cursor:pointer}.notification-options summary::-webkit-details-marker{display:none}.notification-options summary small{font-size:9px;color:#8596ab;margin-left:6px;font-weight:400}.registration-page .notification-options>p,.registration-page .registration-note{font-size:10px;line-height:1.9;color:#8191a5}.registration-page .notification-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.registration-page .notification-grid .check-row{font-size:11px}.registration-page .registration-bottom{background:#fff;border:1px solid #e0e6ef;border-radius:15px;padding:23px 28px;text-align:left}.registration-page .registration-bottom p{font-size:11px;line-height:1.8;color:#6e829c;margin:0}.registration-page .registration-bottom>div{justify-content:space-between;margin-top:18px}.registration-page .registration-bottom button{min-width:225px;justify-content:space-between;font-size:13px;gap:40px;background:#173b66;border-color:#173b66}.registration-page .registration-bottom button span{font-size:18px}.registration-page .registration-bottom button:disabled{opacity:.6}.registration-page .registration-secondary{font-size:11px;min-height:46px;border-color:#d8e1ed;padding:12px 16px}.registration-page #businessFields:disabled{display:none}.registration-page .business-document{margin:20px 0 6px;padding:16px;border-radius:12px;background:#fbfcfe}.registration-page .business-document h4{font-size:12px}.registration-page .business-document p{font-size:10px}.registration-page .document-dropzone{padding:21px 14px;background:#fff}.registration-page .document-dropzone strong{font-size:12px}.registration-page .document-drop-hint{font-size:10px}.registration-page .business-document .document-pick{font-size:11px;min-height:40px;padding:10px 22px}.membership-form-footer{padding:32px 0 0;display:flex;gap:20px;align-items:center;justify-content:space-between}.membership-form-footer>span{font-size:9px;letter-spacing:1px;font-weight:700;color:#7f92a8}.membership-form-footer p{font-size:10px;color:#96a3b4;margin:0}.registration-page>footer{font-size:8px;letter-spacing:1.8px;border-top:1px solid #e4eaf1;padding:24px;margin:0}
.registration-page a:focus-visible,.registration-page summary:focus-visible{outline:3px solid #99b3d2;outline-offset:3px;border-radius:5px}
/* The first screen after choosing Sign up. Scope styles away from sign-in. */
body[data-auth-mode=signup]{background:#f4f6f9}body[data-auth-mode=signup]>main{max-width:1080px;grid-template-columns:1fr 1fr;border-radius:20px;border:1px solid #dce5ee;box-shadow:0 18px 65px #17345108;margin-top:35px}body[data-auth-mode=signup] .login-story{padding:58px 45px;background:#102c4c;justify-content:flex-start}body[data-auth-mode=signup] .login-story:after{border-radius:0;transform:rotate(30deg);right:-200px;top:210px}body[data-auth-mode=signup] .login-story .eyebrow{font-size:9px;letter-spacing:2px;color:#9fb5ce}body[data-auth-mode=signup] .login-story h1{font-size:33px;line-height:1.7;font-weight:650;letter-spacing:-1.4px;margin:64px 0 25px}body[data-auth-mode=signup] .login-story p{color:#a9bdd3;font-size:13px;line-height:2}body[data-auth-mode=signup] .login-steps{display:flex;gap:18px;align-items:center;margin-top:auto;padding-top:35px;border-top:1px solid #ffffff1c}body[data-auth-mode=signup] .login-steps span{font-size:11px;font-weight:600;letter-spacing:2px;color:#d3deeb}body[data-auth-mode=signup] .login-steps i{flex:1;height:1px;background:#718ca8}body[data-auth-mode=signup] .login-card{padding:45px}body[data-auth-mode=signup] .login-card>.eyebrow{font-size:9px;letter-spacing:1.8px;color:#7590aa}body[data-auth-mode=signup] .login-card h2{font-size:27px;margin-top:15px}body[data-auth-mode=signup] .login-lead{font-size:12px;line-height:1.9;max-width:340px;margin-bottom:29px}.signup-account-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.signup-account-label>span{font-size:8px;letter-spacing:1.2px;font-weight:600;color:#8697ac}.signup-account-label small{font-size:10px;color:#5f7a97}.signup-methods>.current-login{justify-content:space-between!important;min-height:57px!important;background:#163b66!important;border-radius:10px!important;font-size:13px!important}.signup-methods>.current-login:hover{background:#244e7c!important}.signup-methods>.current-login b{font-size:20px;font-weight:400}.signup-account-note{font-size:10px;color:#8b9bad;line-height:1.8;margin:10px 0 0}.signup-service-list{display:grid;gap:20px;margin:29px 0 30px}.signup-service-list>div{display:flex;gap:14px;align-items:flex-start}.signup-service-list>div>span{font-size:9px;padding:6px 7px;border:1px solid #e1e8f0;border-radius:6px;color:#6f87a1;background:#f5f8fc}.signup-service-list p{display:grid;gap:5px;margin:0}.signup-service-list strong{font-size:12px;font-weight:600;color:#365575}.signup-service-list small{font-size:10px;color:#8a9bae}.signup-methods .login-divider{font-size:10px;gap:9px}.signup-methods .login-divider small{font-size:8px;background:#f0f3f7;padding:4px 6px;border-radius:4px;color:#8796a8}.signup-social-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.signup-social-row .social{justify-content:center;gap:6px;min-height:43px;padding:10px 7px;font-size:10px;opacity:.65}.signup-social-row .social-symbol{width:auto;font-size:15px}.signup-social-row .kakao .social-symbol{font-size:12px}body[data-auth-mode=signup] .login-footer-links{justify-content:space-between;margin-top:26px;padding-top:18px;font-size:11px}body[data-auth-mode=signup] .login-footer-links>span{color:#8596ab}body[data-auth-mode=signup] .login-footer-links a{font-size:11px;padding-right:0;gap:10px}
@media(min-width:1500px){.registration-page .registration-shell{gap:60px;grid-template-columns:370px minmax(0,1fr)}}
@media(max-width:1100px){.registration-page .registration-shell{grid-template-columns:290px minmax(0,1fr);gap:26px}.membership-intro{padding:28px 24px}.membership-intro h2{font-size:24px}.membership-kicker{font-size:7px;letter-spacing:.8px}.membership-chip{font-size:7px}.registration-page .registration-card{padding:25px}.registration-steps a{font-size:11px;gap:6px}.registration-steps a>small{display:none}.registration-page .registration-inline{flex-wrap:wrap}.registration-page .registration-inline button{width:100%;min-height:41px}.registration-page .registration-inline select{max-width:130px}.registration-page .registration-inline input{flex:1;min-width:110px}.registration-page .registration-inline input[name=phoneCode]{min-width:150px}body[data-auth-mode=signup] .login-card{padding:34px}body[data-auth-mode=signup] .login-story{padding:45px 32px}body[data-auth-mode=signup] .login-story h1{font-size:28px}}
@media(max-width:850px){.registration-page>header{padding:22px 24px}.membership-signin span{display:none}.registration-page .registration-shell{grid-template-columns:1fr;width:calc(100% - 40px);max-width:680px!important;gap:28px;margin-top:12px!important}.membership-intro{position:relative;top:0;padding:28px 30px;display:grid;grid-template-columns:1fr 1fr;column-gap:20px;border-radius:15px}.membership-intro-top{grid-column:1/-1;max-width:310px}.membership-intro h2{font-size:26px;line-height:1.6;margin:22px 0 0;grid-column:1/-1}.membership-intro-lead{display:none}.membership-services{display:none}.membership-route{margin:23px 0 0;padding:18px 0 0;grid-column:1/-1;border-bottom:0}.membership-route>div{max-width:260px}.membership-route p{margin-top:11px}.membership-intro-footer{display:none}.registration-page .registration-heading{padding:0}.registration-page .registration-heading h1{font-size:29px;margin-top:12px}.registration-page .registration-heading>small{font-size:8px}.registration-page .registration-card{padding:26px}.registration-page .registration-inline{flex-wrap:nowrap}.registration-page .registration-inline button{width:auto;min-height:48px}.registration-page .registration-inline select{max-width:135px}.registration-page .registration-inline input{min-width:70px}.registration-page .registration-inline input[name=phoneCode]{min-width:100px}body[data-auth-mode=signup]>main{grid-template-columns:1fr;max-width:540px;margin:12px auto 30px;width:calc(100% - 32px)}body[data-auth-mode=signup] .login-story{padding:28px 30px}body[data-auth-mode=signup] .login-story h1{font-size:26px;margin:20px 0 0;line-height:1.65}body[data-auth-mode=signup] .login-story h1 br{display:block}body[data-auth-mode=signup] .login-story p,body[data-auth-mode=signup] .login-steps{display:none}body[data-auth-mode=signup] .login-card{padding:30px}body[data-auth-mode=signup] .login-card h2{font-size:25px}}
@media(max-width:560px){.registration-page>header{padding:18px 16px;gap:10px}.registration-page .login-brand{gap:8px;font-size:13px}.registration-page .login-brand svg{width:30px;height:36px}.registration-page .login-brand small{font-size:5px;letter-spacing:1px}.membership-signin{font-size:11px;gap:8px}.registration-page .registration-shell{width:calc(100% - 24px);gap:25px;margin-bottom:35px!important}.membership-intro{padding:24px}.membership-intro h2{font-size:24px;letter-spacing:-1px}.membership-intro:before{top:35px}.membership-route{margin-top:22px}.membership-route span{font-size:10px}.membership-route p{font-size:7px}.registration-page .registration-heading{padding:0 5px}.registration-page .registration-heading h1{font-size:26px}.registration-heading>p{font-size:11px}.membership-mobile-break{display:block}.registration-page .registration-steps{margin-top:22px;padding:5px}.registration-steps a{padding:10px 5px;font-size:10px;gap:5px}.registration-steps a>span{font-size:9px}.registration-page .registration-card{padding:22px 18px;border-radius:12px}.registration-page .registration-section-title{gap:10px;margin-bottom:22px}.registration-page .registration-section-title h2{font-size:16px}.registration-section-title>div>p{font-size:10px}.registration-section-title>small{padding:8px;font-size:10px}.registration-page .registration-section-title>span{font-size:9px}.registration-page .registration-grid{grid-template-columns:1fr;gap:20px}.registration-page .consent-all{padding:14px}.registration-page .consent-all small{font-size:9px;margin-left:27px}.registration-page .registration-inline{flex-wrap:wrap;gap:7px}.registration-page .registration-inline button{width:100%;min-height:41px}.registration-page .registration-inline select{max-width:118px}.registration-page .registration-inline input{flex:1;min-width:90px}.registration-page .phone-verification{padding:14px}.registration-page .registration-grid .registration-field-hint{font-size:10px}.registration-page .registration-bottom{padding:20px 18px}.registration-page .registration-bottom>div{gap:10px}.registration-page .registration-bottom button{min-width:0;flex:1;padding:12px 16px;font-size:12px;gap:15px}.registration-page .registration-secondary{padding:12px;font-size:10px}.registration-page .notification-grid{grid-template-columns:1fr}.membership-form-footer{align-items:flex-start;gap:10px;padding:24px 5px 0}.membership-form-footer p{font-size:8px;line-height:1.8;max-width:165px;text-align:right}.membership-form-footer>span{font-size:8px;white-space:nowrap}.membership-chip{font-size:7px}.registration-policy summary small{font-size:9px;gap:8px}}
@media(prefers-reduced-motion:reduce){.registration-page input,.registration-page select,.registration-policy summary i,.notification-options summary i{transition:none}}

/* Contact details and phone verification share one row on desktop. */
.registration-page .registration-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:18px;align-items:stretch;min-width:0}
.registration-contact-details{display:grid;grid-template-rows:auto auto;gap:18px;min-width:0;padding-block:16px;align-content:start}
.registration-page .registration-contact .phone-verification{min-width:0;padding:16px;margin:0}
.registration-page .registration-contact .registration-inline{display:flex;flex-wrap:nowrap;gap:7px;min-width:0}
.registration-page .registration-contact .registration-inline select{width:103px;max-width:103px;flex:none;padding-inline:7px;font-size:10px}
.registration-page .registration-contact .registration-inline input{min-width:0;width:0;flex:1;padding-inline:10px}
.registration-page .registration-contact .registration-inline input::placeholder{font-size:10px}
.registration-page .registration-contact .registration-inline button{width:auto;flex:none;padding-inline:9px;font-size:10px}
@media(max-width:1100px){.registration-page .registration-contact{grid-template-columns:1fr}.registration-contact-details{grid-template-rows:auto auto;gap:22px;padding-block:0}.registration-page .registration-contact .registration-inline select{width:130px;max-width:130px;font-size:11px}}
@media(max-width:560px){.registration-page .registration-contact{gap:20px}.registration-contact-details{gap:20px}.registration-page .registration-contact .phone-verification{padding:14px}.registration-page .registration-contact .registration-inline{flex-wrap:wrap}.registration-page .registration-contact .registration-inline select{width:118px;max-width:118px}.registration-page .registration-contact .registration-inline input{min-width:90px}.registration-page .registration-contact .registration-inline button{width:100%}}