@charset "UTF-8";
/* FRONT-UI11: account registration and password guidance; existing form behavior is retained. */
.ym-account-page .ym-account-shell{max-width:1100px;margin:0 auto;padding:0 24px 44px;color:var(--ym-text);font-size:16px;line-height:1.8}
.ym-account-page .ym-account-shell :is(.ec-registerRole,.ec-role,.ec-forgotRole,.ec-registerCompleteRole,.ec-forgetCompleteRole){width:100%;max-width:none;margin:0;padding:0}
.ym-account-page .ym-account-shell .ec-pageHeader{padding:26px 0 24px}
.ym-account-page .ym-account-shell .ec-pageHeader h1{margin:0}
.ym-account-page .ym-account-intro{margin:10px 0 22px;color:var(--ym-muted);line-height:1.9;overflow-wrap:anywhere}
.ym-account-page .ym-account-shell :is(.ec-off1Grid,.ec-off1Grid__cell){width:100%;max-width:none;margin:0;padding:0}
.ym-account-page .ym-account-form{max-width:920px;margin:0 auto 28px;padding:28px}
.ym-account-page .ym-account-shell .ec-borderedDefs{border:0;margin:0}
.ym-account-page .ym-account-shell .ec-borderedDefs>dl{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px 24px;border:0;border-bottom:1px solid var(--ym-line);padding:20px 0;margin:0}
.ym-account-page .ym-account-shell .ec-borderedDefs>dl:first-child{padding-top:0}
.ym-account-page .ym-account-shell .ec-borderedDefs>dl>:is(dt,dd){display:block;float:none;width:auto;min-width:0;border:0;margin:0;padding:0;background:transparent;overflow-wrap:anywhere}
.ym-account-page .ym-account-shell .ec-borderedDefs>dl>dt{padding-top:10px;font-size:15px}
.ym-account-page .ym-account-shell .ec-label{font-weight:500;color:var(--ym-text);font-size:15px}
.ym-account-page .ym-account-shell .ec-required{display:inline-block;margin-left:6px;font-size:12px;vertical-align:baseline}
.ym-account-page .ym-account-shell :is(.ec-input,.ec-halfInput,.ec-telInput,.ec-zipInput,.ec-select,.ec-birth) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select){border:1px solid var(--ym-input);border-radius:8px;background:var(--ym-white);color:var(--ym-text);font:inherit;font-size:16px;min-height:46px;max-width:100%;padding:10px 12px}
.ym-account-page .ym-account-shell .ec-input input{width:100%}
.ym-account-page .ym-account-shell .ec-halfInput{display:flex;flex-wrap:wrap;gap:12px;max-width:none}
.ym-account-page .ym-account-shell .ec-halfInput input{flex:0 0 calc((100% - 12px)/2);width:calc((100% - 12px)/2);margin:0}
.ym-account-page .ym-account-shell .ec-halfInput input:only-of-type{flex-basis:100%;width:100%}
.ym-account-page .ym-account-shell .ec-halfInput .ec-errorMessage{flex:0 0 100%;width:100%;margin:0}
.ym-account-page .ym-account-shell .ec-telInput input{max-width:100%;width:100%}
.ym-account-page .ym-account-shell .ec-input{margin:0 0 12px}
.ym-account-page .ym-account-shell .ec-input:last-child{margin-bottom:0}
.ym-account-page .ym-account-shell .ec-birth{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ym-account-page .ym-account-shell .ec-birth select{width:auto;min-width:66px;margin:0}
.ym-account-page .ym-account-shell .ec-zipInput{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ym-account-page .ym-account-shell .ec-zipInput input{width:150px;margin:0}
.ym-account-page .ym-account-shell .ec-zipInputHelp{font-size:13px;margin:0;padding:0}
.ym-account-page .ym-account-shell .ec-zipInputHelp__icon{display:none}
.ym-account-page .ym-account-shell .ec-errorMessage{color:var(--ym-error);line-height:1.8;overflow-wrap:anywhere;font-size:14px}
.ym-account-page .ym-account-shell .ec-registerRole__actions{margin-top:28px}
.ym-account-page .ym-account-shell .ec-checkbox{margin-bottom:24px;font-size:15px;line-height:1.9}
.ym-account-page .ym-account-shell .ec-checkbox input{min-width:18px;min-height:18px;accent-color:var(--ym-green)}
.ym-account-page .ym-account-shell .ec-off4Grid{display:block;margin:0 auto;max-width:520px;width:100%;padding:0}
.ym-account-page .ym-account-shell .ec-off4Grid__cell{display:block;margin:0;padding:0;width:100%}
.ym-account-page .ym-account-shell :is(.ec-blockBtn--action,.ec-blockBtn--cancel){display:flex;justify-content:center;align-items:center;min-height:48px;height:auto;width:100%;padding:12px 18px;white-space:normal;font-size:16px;line-height:1.7;overflow-wrap:anywhere;margin-top:12px}
.ym-account-page .ym-account-shell .ec-blockBtn--cancel{color:var(--ym-green);background:var(--ym-white)}
.ym-account-page .ym-account-back-link{display:block;margin:0 0 12px;text-align:center}
.ym-account-page .ym-account-steps{display:flex;gap:12px;list-style:none;margin:0 auto 24px;padding:18px 22px;border:1px solid var(--ym-line);border-radius:14px;background:white;max-width:920px}
.ym-account-page .ym-account-steps li{flex:1;min-width:0;color:var(--ym-muted);font-size:14px;line-height:1.7;display:flex;gap:10px;align-items:center;justify-content:center}
.ym-account-page .ym-account-steps li>span{display:inline-flex;justify-content:center;align-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:var(--ym-soft);color:var(--ym-muted)}
.ym-account-page .ym-account-steps .is-current{color:var(--ym-green);font-weight:500}
.ym-account-page .ym-account-steps .is-current>span{background:var(--ym-green);color:white}
.ym-account-page .ym-account-shell .ym-account-result{max-width:900px;margin:0 auto;padding:30px}
.ym-account-page .ym-account-shell :is(.ec-off3Grid,.ec-off3Grid__cell){width:100%;max-width:none;margin:0;padding:0;text-align:left}
.ym-account-page .ym-account-shell .ec-reportHeading{margin:0 0 20px;border:0;text-align:left;padding:0}
.ym-account-page .ym-account-shell .ec-reportHeading h2{font-size:23px;line-height:1.7;color:var(--ym-text);margin:0;font-weight:500}
.ym-account-page .ym-account-shell .ec-reportDescription{color:var(--ym-text);font-size:16px;text-align:left;line-height:1.9;margin:0 0 24px;overflow-wrap:anywhere}
.ym-account-page .ym-account-help{color:var(--ym-muted);font-size:14px;line-height:1.9;margin:0 0 24px}
.ym-account-page .ym-account-result-actions{display:grid;gap:12px;max-width:520px;margin:26px auto 0}
.ym-account-page .ym-account-shell .ec-forgotRole__form{padding:0}
.ym-account-page .ym-account-shell .ec-forgotRole__intro{margin:0 0 24px}
.ym-account-page .ym-account-shell .ec-forgotRole__intro p{color:var(--ym-muted);font-size:15px;line-height:1.9;margin:0 0 12px}
.ym-account-page :is(button,a,input,select,textarea):focus-visible{outline:3px solid #94702c!important;outline-offset:4px!important}
@media(max-width:767px){.ym-account-page .ym-account-shell{padding:0 16px 32px}.ym-account-page .ym-account-form{padding:22px}.ym-account-page .ym-account-shell .ec-borderedDefs>dl{grid-template-columns:1fr;gap:10px;padding:18px 0}.ym-account-page .ym-account-shell .ec-borderedDefs>dl>dt{padding:0}.ym-account-page .ym-account-shell .ec-halfInput input{flex-basis:100%;width:100%}.ym-account-page .ym-account-steps{gap:6px;padding:16px 10px}.ym-account-page .ym-account-steps li{flex-direction:column;gap:6px;font-size:12px;text-align:center}.ym-account-page .ym-account-shell .ym-account-result{padding:22px}.ym-account-page .ym-account-shell .ec-reportHeading h2{font-size:21px}}
@media(max-width:359px){.ym-account-page .ym-account-form,.ym-account-page .ym-account-shell .ym-account-result{padding:18px}.ym-account-page .ym-account-shell .ec-birth{gap:5px}.ym-account-page .ym-account-shell .ec-birth select{padding-left:8px;padding-right:8px;min-width:58px}}