:root{color:#26343b;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f9fa;font-family:Noto Sans JP,Yu Gothic UI,Meiryo,sans-serif}*{box-sizing:border-box}body{background:#f6f9fa;min-width:320px;min-height:100vh;margin:0}a{color:inherit}.topbar{background:#fff;border-bottom:1px solid #e8eef0;justify-content:space-between;align-items:center;height:68px;padding:0 clamp(20px,5vw,72px);display:flex}.brand{color:#0799bf;align-items:center;gap:7px;text-decoration:none;display:inline-flex}.brand svg{width:35px;height:29px}.brand span{letter-spacing:.2em;font-size:23px;font-weight:700}.topbar-right{color:#89959a;align-items:center;gap:13px;font-size:11px;display:flex}.topbar-right a{color:#088daf;font-weight:600;text-decoration:none}.topbar-right a:hover{text-decoration:underline}.signup-layout{background:#fff;border:1px solid #e7edef;border-radius:11px;grid-template-columns:.92fr 1.08fr;width:min(1120px,100% - 48px);min-height:calc(100vh - 116px);margin:24px auto;display:grid;overflow:hidden;box-shadow:0 10px 40px #233e4c0c}.welcome-panel{color:#fff;background:linear-gradient(148deg,#0787a7 0%,#0c9cba 53%,#14b6cd 100%);flex-direction:column;justify-content:space-between;min-height:660px;padding:58px 48px 27px;display:flex;position:relative;overflow:hidden}.welcome-panel:before,.welcome-panel:after{content:"";pointer-events:none;border:1px solid #ffffff20;border-radius:50%;position:absolute}.welcome-panel:before{width:480px;height:480px;top:-175px;right:-245px}.welcome-panel:after{width:420px;height:420px;bottom:-230px;left:-220px}.welcome-content,.welcome-footer{z-index:1;position:relative}.welcome-mark{place-items:center;width:176px;height:140px;margin:4px 0 43px;display:grid;position:relative}.mark-orbit{border:1px solid #ffffff5b;border-radius:50%;position:absolute;transform:rotate(-24deg)}.orbit-one{width:150px;height:70px}.orbit-two{width:150px;height:70px;transform:rotate(34deg)}.mark-core{background:#ffffff18;border:1px solid #ffffffa0;border-radius:18px;place-items:center;width:61px;height:61px;font-size:34px;font-weight:700;display:grid;box-shadow:0 10px 28px #00647f22}.mark-star{color:#b7eff5;position:absolute}.star-one{font-size:19px;top:20px;left:22px}.star-two{font-size:25px;bottom:24px;right:16px}.eyebrow{color:#8ca0a7;letter-spacing:.15em;margin:0 0 12px;font-size:9px;font-weight:700}.welcome-panel .eyebrow{color:#bcecf2}.welcome-panel h1{letter-spacing:.025em;margin:0;font-size:clamp(25px,3vw,34px);line-height:1.55}.welcome-copy{color:#dcf3f6;max-width:340px;margin:17px 0 25px;font-size:12px;line-height:1.9}.welcome-points{color:#f0fcfd;gap:13px;font-size:11px;display:grid}.welcome-points div{align-items:center;gap:10px;display:flex}.point-check{color:#fff;background:#ffffff24;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.welcome-footer{color:#bdebf0;letter-spacing:.16em;align-items:center;gap:9px;font-size:8px;font-weight:700;display:flex}.footer-line{background:#bdebf080;width:25px;height:1px;display:inline-block}.form-side{flex-direction:column;justify-content:center;padding:36px clamp(30px,5vw,65px) 21px;display:flex}.signup-card{width:min(100%,438px);margin:auto}.steps{align-items:center;gap:11px;margin:0 0 27px;display:flex}.step{color:#a1adb1;white-space:nowrap;align-items:center;gap:8px;font-size:10px;display:flex}.step span{border:1px solid #d9e1e4;border-radius:50%;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.step.current{color:#178ea8;font-weight:600}.step.current span{color:#1289a5;background:#eaf8fa;border-color:#169ab7}.steps>i{background:#e4e9eb;width:37px;height:1px}.form-heading .eyebrow{color:#1799b5;margin-bottom:6px}.form-heading h2{color:#26343b;letter-spacing:.01em;margin:0;font-size:23px}.form-heading>p:last-child{color:#89969a;margin:8px 0 18px;font-size:11px}.preview-notice{color:#809095;background:#f7fafb;border:1px solid #e5eef0;border-radius:5px;align-items:flex-start;gap:9px;margin-bottom:15px;padding:9px 11px;display:flex}.preview-notice>span{color:#6a9eaa;border:1px solid #a7c5cc;border-radius:50%;flex:none;place-items:center;width:15px;height:15px;font-size:9px;display:grid}.preview-notice p{margin:0;font-size:9px;line-height:1.7}.field-label{color:#4b5b61;align-items:center;gap:7px;margin:13px 0 6px;font-size:10px;font-weight:600;display:flex}.field-label em{color:#d16c66;font-size:8px;font-style:normal;font-weight:500}.input-wrap{border:1px solid #dce4e6;border-radius:5px;align-items:center;gap:9px;height:39px;padding:0 10px;transition:border-color .15s,box-shadow .15s;display:flex}.input-wrap:focus-within{border-color:#41b2c7;box-shadow:0 0 0 3px #46b7ca1c}.input-icon{color:#91a2a7;text-align:center;flex:none;width:15px;font-size:13px}.input-wrap input{color:#38464a;width:100%;min-width:0;height:100%;font:inherit;background:0 0;border:0;outline:0;font-size:11px}.input-wrap input::placeholder{color:#b2bdc0}.show-password{color:#168ca6;font:inherit;cursor:pointer;background:0 0;border:0;flex:none;font-size:9px}.field-hint{color:#9aa6aa;margin:5px 0 0;font-size:9px}.agreement{color:#77868b;align-items:flex-start;gap:8px;margin:20px 0 14px;font-size:9px;line-height:1.7;display:flex}.agreement input{accent-color:#1499b6;flex:none;width:14px;height:14px;margin:1px 0 0}.agreement a{color:#138ea9;text-underline-offset:2px;text-decoration:underline}.submit-button{color:#fff;width:100%;height:43px;font:inherit;cursor:pointer;background:#0c96b5;border:0;border-radius:5px;justify-content:center;align-items:center;gap:12px;font-size:11px;font-weight:600;display:flex;box-shadow:0 4px 9px #0897b522}.submit-button:hover{background:#087f9c}.submit-button span{font-size:16px;font-weight:400}.submit-note{text-align:center;color:#9ba6a9;margin:10px 0 0;font-size:9px}.form-error{color:#bf4c48;margin:9px 0;font-size:10px}html[data-simulator=true] form[data-component=registration-form]{flex-direction:column;display:flex}html[data-simulator=true] [data-component=email-field]{order:-2}html[data-simulator=true] [data-component=password-field]{order:-1}.form-success{color:#3e8866;background:#f1faf5;border:1px solid #cfe9dc;border-radius:5px;align-items:flex-start;gap:10px;margin-top:13px;padding:12px;display:flex}.form-success[hidden],.form-error[hidden]{display:none}.success-icon{background:#d9f2e4;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;font-size:11px;display:grid}.form-success strong{font-size:10px}.form-success p{color:#718f7f;margin:4px 0 0;font-size:9px;line-height:1.6}.page-footer{color:#a7b1b4;justify-content:space-between;width:min(100%,438px);margin:20px auto 0;font-size:8px;display:flex}.page-footer span:last-child{align-items:center;gap:5px;display:flex}.page-footer i{background:#58b98c;border-radius:50%;width:6px;height:6px}@media (max-width:820px){.signup-layout{grid-template-columns:1fr;width:min(600px,100% - 32px);min-height:0;margin:16px auto}.welcome-panel{min-height:0;padding:28px 30px 24px}.welcome-mark{width:100px;height:72px;margin:0 0 17px}.mark-core{border-radius:13px;width:42px;height:42px;font-size:25px}.orbit-one,.orbit-two{width:88px;height:42px}.welcome-panel h1{font-size:24px}.welcome-copy{margin:9px 0 14px}.welcome-points{display:none}.welcome-footer{margin-top:19px}.form-side{padding:28px 30px 20px}}@media (max-width:480px){.topbar{height:58px;padding:0 17px}.brand svg{width:30px}.brand span{font-size:20px}.topbar-right{gap:7px;font-size:9px}.signup-layout{width:100%;box-shadow:none;border:0;border-radius:0;margin:0}.welcome-panel{padding:21px 21px 19px}.welcome-mark{display:none}.welcome-panel .eyebrow{margin-top:1px}.welcome-panel h1{font-size:21px}.welcome-copy{font-size:10px}.form-side{padding:24px 21px 16px}.steps{margin-bottom:20px}.form-heading h2{font-size:21px}.page-footer{margin-top:16px}}