@import "https://fonts.googleapis.com/css2?family=Ubuntu+Sans:wght@500;600;800&display=swap";:root{--color-white:#fff;--color-gray-100:#f8f9fa;--color-gray-200:#e9ecef;--color-gray-300:#dee2e6;--color-gray-600:#6c757d;--color-gray-800:#343a40;--color-gray-900:#212529;--color-black:#000;--color-error:#ff4747;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-36:36px;--space-48:48px;--radius-16:16px;--font-sans:"Ubuntu Sans", "Segoe UI", sans-serif;--fs-14:14px;--fs-16:16px;--fs-20:20px;--fs-24:24px;--fs-40:40px;--lh-24:24px;--lh-32:32px;--lh-48:48px;--weight-500:500;--weight-600:600;--weight-800:800;--control-height:56px;--form-width:560px;--actions-width:360px;--code-cell-size:56px;--icon-size-24:24px;--ts-03:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font-sans), sans-serif;font-size:var(--fs-16);font-weight:var(--weight-500);line-height:var(--lh-24);color:var(--color-black);background:var(--color-gray-100);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none}:focus-visible{outline:none}.btn{width:100%;min-height:var(--control-height);padding:var(--space-16) var(--space-24);border-radius:var(--radius-16);font-size:var(--fs-16);font-weight:var(--weight-600);line-height:var(--lh-24);transition:background-color var(--ts-03), color var(--ts-03);justify-content:center;align-items:center;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--primary{background:var(--color-black);color:var(--color-white)}.btn--primary:hover:not(:disabled){background:var(--color-gray-900)}.btn--primary:active:not(:disabled){background:var(--color-gray-800)}.btn--secondary{color:var(--color-black);background:0 0}.btn--secondary:hover:not(:disabled){background:var(--color-black);color:var(--color-white)}.btn--secondary:active:not(:disabled){background:var(--color-gray-900);color:var(--color-white)}.field{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.field__box{align-items:center;gap:var(--space-16);width:100%;min-height:var(--control-height);padding:var(--space-16) var(--space-24);border-radius:var(--radius-16);background:var(--color-white);transition:background-color var(--ts-03), border-color var(--ts-03), box-shadow var(--ts-03);border:none;border-bottom:2px solid #0000;display:flex}.field__box:hover:not(.field__box--disabled):not(:focus-within):not(.field__box--focused){background:var(--color-gray-200)}.field__box:focus-within:not(.field__box--disabled),.field__box--focused:not(.field__box--disabled){background:var(--color-white);border-bottom:2px solid var(--color-black)}.field__box:active:not(.field__box--disabled){background:var(--color-gray-300)}.field__box--error:not(:focus-within):not(.field__box--focused){border-bottom:2px solid var(--color-error);padding-right:var(--space-16)}.field__box--error:focus-within,.field__box--error.field__box--focused{padding-right:var(--space-16)}.field__box--disabled{background:var(--color-gray-300);cursor:not-allowed}.field__input{min-width:0;height:var(--lh-24);color:var(--color-black);font-size:var(--fs-16);font-weight:var(--weight-500);line-height:var(--lh-24);background:0 0;border:none;flex:auto}.field__input:-webkit-autofill{-webkit-text-fill-color:var(--color-black);caret-color:var(--color-black);box-shadow:none;transition:background-color 99999s ease-in-out;background-color:#0000!important;background-image:none!important}.field__input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-black);caret-color:var(--color-black);box-shadow:none;transition:background-color 99999s ease-in-out;background-color:#0000!important;background-image:none!important}.field__input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-black);caret-color:var(--color-black);box-shadow:none;transition:background-color 99999s ease-in-out;background-color:#0000!important;background-image:none!important}.field__input:-webkit-autofill:active{-webkit-text-fill-color:var(--color-black);caret-color:var(--color-black);box-shadow:none;transition:background-color 99999s ease-in-out;background-color:#0000!important;background-image:none!important}.field__input::placeholder{color:var(--color-gray-600);opacity:1}.field__input:disabled{color:var(--color-gray-300);cursor:not-allowed}.field--filled .field__input::placeholder{color:#0000}.field__clear{width:var(--icon-size-24);height:var(--icon-size-24);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.field__clear img{width:var(--icon-size-24);height:var(--icon-size-24);display:block}.field__error{font-size:var(--fs-14);font-weight:var(--weight-500);line-height:var(--lh-24);color:var(--color-error)}.auth-page{min-height:100vh;padding:var(--space-24) var(--space-16) var(--space-48);background:var(--color-gray-100);grid-template-rows:auto 1fr;justify-items:center;display:grid}.auth-brand{font-size:var(--fs-40);font-weight:var(--weight-800);line-height:var(--lh-48);color:var(--color-black);text-align:center;-webkit-user-select:none;user-select:none}.auth-card{width:100%;max-width:var(--form-width);align-self:center;align-items:center;gap:var(--space-24);flex-direction:column;display:flex}.auth-title{width:100%;font-size:var(--fs-40);font-weight:var(--weight-800);line-height:var(--lh-48);text-align:center;color:var(--color-black)}.auth-subtitle{width:100%;margin-top:var(--space-4);font-size:var(--fs-20);font-weight:var(--weight-500);line-height:var(--lh-32);text-align:center;color:var(--color-black)}.auth-header{flex-direction:column;align-items:center;width:100%;display:flex}.auth-form{align-items:center;gap:var(--space-36);flex-direction:column;width:100%;display:flex}.auth-fields{gap:var(--space-16);flex-direction:column;width:100%;display:flex}.auth-actions{width:100%;max-width:var(--actions-width);gap:var(--space-8);flex-direction:column;display:flex}.code-input{align-items:center;gap:var(--space-4);flex-direction:column;width:100%;display:flex}.code-input__cells{justify-content:center;align-items:center;gap:var(--space-8);width:100%;display:flex}.code-input__cell{width:var(--code-cell-size);height:var(--control-height);border-radius:var(--radius-16);background:var(--color-white);text-align:center;font-size:var(--fs-24);font-weight:var(--weight-600);line-height:var(--lh-24);color:var(--color-black);transition:background-color var(--ts-03), border-color var(--ts-03), box-shadow var(--ts-03);border:none;border-bottom:2px solid #0000;padding:0}.code-input__cell:hover:not(:focus){background:var(--color-gray-200)}.code-input__cell:focus{background:var(--color-white);border-bottom:2px solid var(--color-black);outline:none}.code-input__cell:active{background:var(--color-gray-300)}.code-input--error .code-input__cell:not(:focus){border-bottom:2px solid var(--color-error)}.code-input__error{width:100%;max-width:376px;font-size:var(--fs-14);font-weight:var(--weight-500);line-height:var(--lh-24);color:var(--color-error);text-align:left}