.auth-page,.startup-page{isolation:isolate;color:#272835;background:#f1f1ec;grid-template-columns:minmax(0,1fr);place-items:center;min-height:100dvh;padding:64px 20px;display:grid;position:relative}.auth-decoration,.startup-decoration{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:clip;container-type:size}.auth-decoration img,.startup-decoration img{height:auto;position:absolute}.auth-header-art{width:min(560px,45%,70cqh);top:0;left:0}.auth-corner-art{width:min(800px,58%,108cqh);bottom:0;right:0}.auth-card{background:#f6f6f6;border:1.5px solid #fff;border-radius:14px;justify-content:center;align-items:center;width:min(510px,100%);min-width:0;min-height:640px;padding:32px 65.5px;display:flex;box-shadow:0 0 0 1.5px #dfdfd9}.auth-sign-up .auth-card{min-height:700px}.auth-sign-up{align-items:start;padding-top:clamp(32px,50dvh - 384px,160px)}.auth-forgot-password .auth-card,.auth-verify-code .auth-card{min-height:442px}.auth-card-content{flex-direction:column;gap:30px;width:100%;min-width:0;display:flex}.auth-heading{text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.auth-heading h1{font:400 26px/32px var(--serif);letter-spacing:-.26px;margin:0 0 6px}.auth-heading p{white-space:pre-line;color:#353849;max-width:300px;font:400 14px/1.2 var(--sans);margin:auto}.auth-actions{flex-direction:column;gap:26px;display:flex}.auth-form-preview{flex-direction:column;gap:24px;display:flex}.auth-forgot-password .auth-form-preview,.auth-verify-code .auth-form-preview{gap:16px}.auth-fields{flex-direction:column;gap:16px;display:flex}.auth-reset-password .auth-fields{gap:8px}.auth-field{flex-direction:column;gap:6px;min-width:0;display:flex}.auth-field label{font:500 12px/1.4 var(--sans);letter-spacing:-.12px}.auth-name-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.auth-input{background:#fff;border:1px solid #e7e7e7;border-radius:8px;align-items:center;height:38px;display:flex;position:relative;box-shadow:0 1px 2px #1018280d}.auth-input input{outline-offset:3px;border-radius:inherit;width:100%;min-width:0;height:100%;font:400 12px/1.5 var(--sans);color:#242424;background:0 0;border:0;padding:0 16px}.auth-input input::placeholder{color:#c2c2c2;opacity:1}.auth-input:has(img) input{padding-right:40px}.auth-input>img{position:absolute;right:16px}.auth-example-caret{color:#0000;font:400 12px/1.5 var(--sans);pointer-events:none;border-right:1px solid #f3633e;position:absolute;left:16px}.auth-input.is-active,.auth-otp-inputs .is-active{border-color:#f3633e}.auth-input.is-error,.auth-otp-inputs .is-error{background:#faeded;border-color:#cc4f4f}.auth-field-error{color:#cc4f4f;font:400 12px/1.5 var(--sans);margin:0}.auth-primary{min-height:37px;font:500 12px/1.4 var(--sans);border-radius:12px;justify-content:center;align-items:center;text-decoration:none;display:flex}.auth-divider{font:500 12px/1.4 var(--sans);color:#a4abb8;align-items:center;gap:8px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#dfe1e6;flex:1;height:1px}.auth-social{gap:10px;display:grid}.auth-social button{color:#242424;height:36px;font:500 12px/1.4 var(--sans);background:#fff;border:1px solid #e5e5e5;border-radius:8px;justify-content:center;align-items:center;gap:6px;display:flex}.auth-switch{color:#808897;font:400 12px/18px var(--sans);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;display:flex}.auth-switch a{color:#262626;font-weight:600;text-decoration:none}.auth-otp-field{width:100%}.auth-otp-inputs{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.auth-otp-inputs input{text-align:center;color:#242424;width:100%;min-width:0;height:48px;font:400 18px/1.5 var(--sans);background:#fff;border:1px solid #e7e7e7;border-radius:8px;padding:0;box-shadow:0 1px 2px #1018280d}.auth-verify-code .auth-form-preview{width:min(338px,100%);margin:auto}.auth-otp-field .auth-field-error{text-align:center;margin-top:12px}.auth-terms{text-align:center;font:400 12px/18px var(--sans);color:#808897;position:absolute;bottom:20px;left:20px;right:20px}.auth-terms span{color:#262626;font-weight:600}.auth-preview-controls{z-index:2;font:500 11px/1.5 var(--sans);color:#69655f;position:absolute;top:16px;right:16px}.auth-preview-controls summary{cursor:pointer;background:#f6f6f1;border:1px solid #dfdfd9;border-radius:8px;width:max-content;margin-left:auto;padding:6px 10px;list-style:none}.auth-preview-controls>div{background:#f6f6f1;border:1px solid #fff;border-radius:10px;gap:12px;width:min(280px,100vw - 32px);margin-top:6px;padding:14px;display:grid;position:absolute;right:0;box-shadow:0 0 0 1px #dfdfd9,0 6px 20px #0001}.auth-preview-controls label{gap:6px;display:grid}.auth-preview-controls select{font:inherit;color:#272835;background:#fff;border:1px solid #dfdfd9;border-radius:6px;padding:8px}.auth-preview-controls a{color:#353849}.auth-preview-states{flex-wrap:wrap;gap:6px;display:flex}.auth-preview-states a{text-transform:capitalize;border:1px solid #dfdfd9;border-radius:6px;padding:5px 8px;text-decoration:none}.auth-preview-states a[aria-current]{background:#fff9e8;border-color:#d2ac69}.auth-preview-notice{z-index:3;background:#f6f6f1;border:1px solid #dfdfd9;border-radius:8px;width:max-content;max-width:calc(100% - 32px);padding:8px 14px;font-size:12px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.startup-page{background:#f6f6f1}.startup-header-art{width:min(820px,85%,110cqh);top:0;left:50%;transform:translate(-50%)}.startup-left-art{width:min(520px,38%,62cqh);bottom:0;left:0}.startup-right-art{width:min(520px,38%,62cqh);bottom:0;right:0}.startup-content{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.startup-content h1{font:400 48px/51px var(--serif);letter-spacing:-.48px}.startup-content>p{color:#69655f;max-width:392.37px;font:500 16px/24px var(--sans);margin:16px 0 32px}.startup-progress-group{position:relative}.startup-progress{background:#f1f1ec;border:.629px solid #e8e7e6;border-radius:16px 0;width:299px;max-width:calc(100vw - 40px);height:46.258px;padding:4.629px;box-shadow:.629px 2.517px 3.146px #fff,inset 1.258px 1.888px 2.517px .629px #98928c29}.startup-progress>span{transform-origin:0;background:linear-gradient(#ece5c7,#f7f0cf);border:2px solid #fff;border-radius:13px 0;width:100%;height:100%;display:block;box-shadow:inset 0 0 5px 2px #fff,0 0 3px #fff}.startup-percent{font:400 18px/24px var(--serif);color:#69655f;position:absolute;top:calc(100% + 16px);left:0;right:0}@media (width<=600px){.auth-page{padding:150px 20px}.auth-sign-up{align-items:center}.auth-header-art{width:min(333px,86%)}.auth-corner-art{width:min(100%,430px)}.auth-card{min-height:520px;padding:18px}.auth-sign-up .auth-card{min-height:684px}.auth-reset-password .auth-card{min-height:440px}.auth-forgot-password .auth-card,.auth-verify-code .auth-card{min-height:370px}.auth-verify-code .auth-card{box-shadow:none;background:0 0;border-color:#0000}.auth-card-content{gap:26px}.auth-heading h1{letter-spacing:-.24px;font-size:24px}.auth-heading p{font:400 12px/1.5 var(--sans)}.auth-actions{gap:26px}.auth-primary{border-radius:8px}.auth-divider{font-size:10px}.auth-form-preview{gap:24px}.auth-sign-up .auth-actions{gap:26px}.auth-sign-up .auth-form-preview{gap:24px}.auth-sign-in .auth-form-preview{gap:20px}.auth-sign-in .auth-fields{margin-bottom:4px}.auth-forgot-password .auth-form-preview{gap:14px}.auth-field:has(.auth-field-error){gap:4px}.auth-terms{display:none}.auth-otp-inputs{gap:8px}.auth-otp-inputs input{height:45px}.startup-page{background:#f1f1ec;min-height:100dvh;padding:250px 20px}.startup-header-art{width:min(100%,390px)}.startup-left-art{display:none}.startup-right-art{width:min(72%,320px)}.startup-content h1{letter-spacing:-.32px;font-size:32px;line-height:38px}.startup-content>p{color:#353849;margin:12px 0 20px;font-size:14px;line-height:21px}.startup-progress{border-radius:11px 0;width:206.838px;height:32px;padding:3px}.startup-percent{font-size:14px;top:calc(100% + 12px)}}.startup-replay{color:#69655f;width:max-content;font:500 11px/1.5 var(--sans);cursor:pointer;background:#f6f6f1;border:1px solid #dfdfd9;border-radius:8px;padding:6px 10px;position:absolute;top:calc(100% + 50px);left:50%;transform:translate(-50%)}
