@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}body{--color-static-white: #fff;--color-static-black: #000;--color-static-dark-type-primary: #f7f8f8;--color-shadow-1: 0 4px 8px rgba(0, 0, 0, 8%);--color-shadow-2: 0 4px 8px rgba(0, 0, 0, 2%);--color-neutral-0: #0000;--color-neutral-10: #191c1d;--color-neutral-20: #2d3132;--color-neutral-50: #747778;--color-neutral-80: #c4c7c7;--color-neutral-90: #e0e3e3;--color-neutral-95: #eff1f1;--color-neutral-100: #fff;--color-neutral-variant-60: #928f9a;--color-neutral-variant-70: #adaab4;--color-neutral-variant-80: #c9c5d0;--color-neutral-variant-90: #e5e1ec;--color-danger-30: #930006;--color-danger-40: #ba1b1b;--color-danger-50: #dd3730;--color-success-60: #4ea254;--color-success-70: #68be6c;--color-success-80: #83da85;--color-success-90: #9fe79f;--color-brand-30: #4300da;--color-brand-40: #5d34f2;--color-brand-50: #7958ff;--color-brand-70: #af9eff;--color-alert-60: #ca8000;--color-alert-70: #eb9918;--color-alert-90: #ffddb5;--color-alert-99: #fff5eb;--color-type-primary: var(--color-neutral-10);--color-type-secondary: var(--color-neutral-50);--color-type-disable: rgba(25, 28, 29, 35%);--color-type-link: var(--color-brand-default);--color-line-divider: rgba(25, 28, 29, 12%);--color-line-border: var(--color-neutral-80);--color-line-border-transparent: rgba(25, 28, 29, 25%);--color-container-on-alert: var(--color-alert-70);--color-container-alert: var(--color-alert-99);--color-bg-body-base: var(--color-neutral-95);--color-bg-body: var(--color-neutral-100);--color-bg-layer-1: var(--color-static-white);--color-bg-layer-2: var(--color-neutral-95);--color-bg-body-overlay: var(--color-neutral-100);--color-bg-float-base: var(--color-neutral-variant-90);--color-bg-float: var(--color-neutral-100);--color-bg-float-overlay: var(--color-neutral-100);--color-bg-mask: rgba(0, 0, 0, 40%);--color-bg-toast: var(--color-neutral-20);--color-bg-state-unselected: var(--color-neutral-90);--color-bg-state-disabled: rgba(25, 28, 29, 8%);--color-bg-light: var(--color-neutral-95);--color-brand-default: var(--color-brand-40);--color-brand-hover: var(--color-brand-50);--color-brand-pressed: var(--color-brand-30);--color-brand-loading: var(--color-brand-70);--color-danger-default: var(--color-danger-40);--color-danger-hover: var(--color-danger-50);--color-danger-pressed: var(--color-danger-30);--color-success-default: var(--color-success-70);--color-success-hover: var(--color-success-80);--color-success-pressed: var(--color-success-60);--color-success-disable: var(--color-success-90);--color-overlay-neutral-hover: rgba(25, 28, 29, 8%);--color-overlay-neutral-pressed: rgba(25, 28, 29, 12%);--color-overlay-neutral-focused: rgba(25, 28, 29, 16%);--color-overlay-danger-hover: rgba(186, 27, 27, 8%);--color-overlay-danger-pressed: rgba(186, 27, 27, 12%);--color-overlay-danger-focused: rgba(186, 27, 27, 16%);--color-overlay-brand-hover: rgba(93, 52, 242, 8%);--color-overlay-brand-pressed: rgba(93, 52, 242, 12%);--color-overlay-brand-focused: rgba(93, 52, 242, 16%);--color-surface: var(--color-neutral-99);--font-headline-1: 600 28px/32px -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif;--font-headline-2: 600 24px/32px -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif;--font-title-1: 600 20px/28px -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif;--font-title-2: 600 18px/26px -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif;--font-title-3: 600 16px/24px -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif;--font-label-1: 500 16px/24px -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif;--font-label-2: 500 14px/20px -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif;--font-label-3: 500 12px/16px -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif;--font-body-1: 400 16px/24px -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif;--font-body-2: 400 14px/20px -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif;--font-body-3: 400 12px/16px -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif;--font-subhead-cap: 700 12px/16px -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Arial, sans-serif;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:auto;color:var(--color-type-primary);font:var(--font-body-2);background:var(--color-bg-float-base);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%;--max-width: 400px}body.dark{color-scheme:dark;--color-neutral-0: #fff0;--color-neutral-10: #f7f8f8;--color-neutral-20: #eff1f1;--color-neutral-50: #a9acac;--color-neutral-80: #5c5f60;--color-neutral-90: #444748;--color-neutral-95: #2d3132;--color-neutral-100: #191c1d;--color-neutral-variant-60: #938f99;--color-neutral-variant-70: #797481;--color-neutral-variant-80: #605d66;--color-neutral-variant-90: #47464e;--color-danger-30: #ffdad4;--color-danger-40: #ffb4a9;--color-danger-50: #ff897a;--color-success-60: #4ea254;--color-success-70: #68be6c;--color-success-80: #83da85;--color-success-90: #9fe79f;--color-brand-30: #cabeff;--color-brand-40: #af9eff;--color-brand-50: #947dff;--color-brand-70: #7958ff;--color-alert-60: #eb9918;--color-alert-70: #ca8000;--color-alert-90: #5c3c00;--color-alert-99: #2b2114;--color-type-primary: var(--color-neutral-10);--color-type-secondary: var(--color-neutral-50);--color-type-disable: rgba(247, 248, 248, 35%);--color-type-link: var(--color-brand-default);--color-line-divider: rgba(247, 248, 248, 12%);--color-line-border: var(--color-neutral-80);--color-line-border-transparent: rgba(247, 248, 248, 25%);--color-container-on-alert: var(--color-alert-70);--color-container-alert: var(--color-alert-99);--color-bg-body-base: var(--color-neutral-100);--color-bg-body: var(--color-neutral-95);--color-bg-layer-1: var(--color-neutral-95);--color-bg-layer-2: var(--color-neutral-90);--color-bg-body-overlay: var(--color-neutral-95);--color-bg-float-base: var(--color-neutral-100);--color-bg-float: var(--color-neutral-95);--color-bg-float-overlay: var(--color-neutral-90);--color-bg-mask: rgba(0, 0, 0, 60%);--color-bg-toast: var(--color-neutral-90);--color-bg-state-unselected: var(--color-neutral-90);--color-bg-state-disabled: rgba(247, 248, 248, 8%);--color-bg-light: var(--color-neutral-95);--color-brand-default: var(--color-brand-50);--color-brand-hover: var(--color-brand-70);--color-brand-pressed: var(--color-brand-40);--color-brand-loading: var(--color-brand-70);--color-danger-default: var(--color-danger-40);--color-danger-hover: var(--color-danger-50);--color-danger-pressed: var(--color-danger-30);--color-success-default: var(--color-success-70);--color-success-hover: var(--color-success-80);--color-success-pressed: var(--color-success-60);--color-success-disable: var(--color-success-90);--color-overlay-neutral-hover: rgba(247, 248, 248, 8%);--color-overlay-neutral-pressed: rgba(247, 248, 248, 12%);--color-overlay-neutral-focused: rgba(247, 248, 248, 16%);--color-overlay-danger-hover: rgba(255, 180, 169, 8%);--color-overlay-danger-pressed: rgba(255, 180, 169, 12%);--color-overlay-danger-focused: rgba(255, 180, 169, 16%);--color-overlay-brand-hover: rgba(148, 125, 255, 8%);--color-overlay-brand-pressed: rgba(148, 125, 255, 12%);--color-overlay-brand-focused: rgba(148, 125, 255, 16%);--color-surface: var(--color-neutral-95)}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;width:100%;padding:24px max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.logo{margin-bottom:20px;height:54px;align-self:center;max-width:100%;object-fit:contain}form{display:flex;flex-direction:column;width:100%;max-width:var(--max-width);margin:0 auto;padding:40px;gap:20px;border-radius:6px;background-color:var(--color-bg-float)}@media (max-width: 480px){form{padding:32px 20px}}.input-field{display:flex;flex-direction:column;gap:10px}.input-field label{font:var(--font-label-2)}.flex-wrapper{display:flex;align-items:center;width:100%;gap:10px}input{flex:1;font:var(--font-body-1, 400 16px/24px sans-serif);outline:none;padding:10px;margin:0;min-width:0;border-radius:8px;border:1px solid var(--color-line-border);background-color:var(--color-bg-float);color:var(--color-type-primary)}.password-wrapper{position:relative;display:flex}.password-wrapper input{padding-right:44px}.password-toggle{position:absolute;top:50%;right:4px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:10px;border:none;border-radius:6px;background:none;color:var(--color-type-secondary, var(--color-type-primary));cursor:pointer}@media (hover: hover){.password-toggle:hover{color:var(--color-type-primary)}}.password-toggle svg{width:20px;height:20px}.otp-input{display:flex;justify-content:space-between;gap:8px}@media (max-width: 360px){.otp-input{gap:6px}}.otp-input .otp-digit{min-width:0;max-width:46px;height:52px;padding:0;text-align:center;font:var(--font-title-2, 600 20px/28px sans-serif)}.otp-input .otp-digit:focus{border-color:var(--color-brand-default)}.otp-input .otp-digit:disabled{background:var(--color-bg-state-disabled);color:var(--color-type-disable);cursor:not-allowed}.button{height:46px;border:1px solid var(--color-line-border);border-radius:8px;font:var(--font-label-3)}.button:not(:disabled):hover{cursor:pointer}.send-code-button{width:100px;flex-shrink:0}.submit-button{display:flex;align-items:center;justify-content:center;height:46px;border:1px solid transparent;border-radius:8px;margin-top:20px;font:var(--font-label-1);background-color:var(--color-brand-default);color:var(--color-static-white);transition:background-color .3s ease-in-out}@media (hover: hover){.submit-button:not(:disabled):hover{background-color:var(--color-brand-hover);cursor:pointer}}.submit-button:not(:disabled):active{background-color:var(--color-brand-pressed)}.submit-button:disabled{background-color:var(--color-brand-loading)}.submit-button>.spinner{display:none}.submit-button.loading{background-color:var(--color-brand-loading)}.submit-button.loading>span{display:none}.submit-button.loading>.spinner{display:block}.error-message{margin:20px auto 0;max-width:var(--max-width);text-align:center;overflow-wrap:break-word;color:var(--color-danger-default)}.error-message.hidden{display:none}.spinner{width:24px;height:24px;background:url("data:image/svg+xml,%3csvg%20width='21'%20height='20'%20viewBox='0%200%2021%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.8357%2016.8714C11.941%2017.4135%2011.5865%2017.9451%2011.0355%2017.9821C9.9048%2018.0579%208.7669%2017.8929%207.69834%2017.4934C6.31639%2016.9767%205.10425%2016.0879%204.19591%2014.9253C3.28758%2013.7627%202.71844%2012.3715%202.55143%2010.9056C2.38441%209.43973%202.62602%207.9562%203.24954%206.61905C3.87306%205.28191%204.85421%204.14323%206.0845%203.32891C7.3148%202.5146%208.74632%202.05636%2010.2208%202.00487C11.6953%201.95338%2013.1553%202.31064%2014.4394%203.03715C15.4323%203.59891%2016.2901%204.36452%2016.9588%205.27942C17.2847%205.72531%2017.1054%206.33858%2016.6223%206.60633C16.1393%206.87408%2015.5366%206.69278%2015.1924%206.26086C14.7154%205.66218%2014.1262%205.15785%2013.4545%204.77787C12.4915%204.23298%2011.3965%203.96504%2010.2906%204.00366C9.18474%204.04227%208.1111%204.38595%207.18838%204.99669C6.26565%205.60742%205.52979%206.46143%205.06215%207.46429C4.59451%208.46715%204.41331%209.5798%204.53857%2010.6792C4.66383%2011.7786%205.09069%2012.822%205.77194%2013.694C6.45319%2014.5659%207.3623%2015.2325%208.39876%2015.62C9.12154%2015.8903%209.88663%2016.0175%2010.6519%2015.9981C11.204%2015.9841%2011.7303%2016.3293%2011.8357%2016.8714Z'%20fill='%23fff'/%3e%3c/svg%3e") center/100% no-repeat;animation:rotating 1s linear infinite}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hidden{display:none}.card-title{margin:0;text-align:center;font:var(--font-title-2, 600 20px/28px sans-serif)}.card-description{margin:0;text-align:center;color:var(--color-type-secondary, var(--color-type-primary))}.link-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.link-row a{color:var(--color-brand-default);text-decoration:none;font:var(--font-body-2);padding:4px 0;margin:-4px 0}.link-row a:hover{text-decoration:underline}.agreements-notice{margin:0;text-align:center;color:var(--color-type-secondary, var(--color-type-primary));font:var(--font-body-3)}.agreements-notice a{color:inherit;text-decoration:underline}.agreements-notice a:hover{color:var(--color-type-primary)}
