.auth-page{min-height:650px;padding:24px 0 40px}.auth-layout{min-height:590px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,.7fr);border:1px solid #dfe7f2;border-radius:26px;background:#fff;box-shadow:0 18px 55px rgba(24,55,101,.1);overflow:hidden}.auth-intro{position:relative;padding:68px 58px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#f6faff,#eaf3ff);overflow:hidden}.auth-intro:after,.auth-intro:before{content:"";position:absolute;border-radius:50%;background:rgba(93,139,218,.09)}.auth-intro:before{width:330px;height:330px;left:-120px;bottom:-150px}.auth-intro:after{width:180px;height:180px;right:-75px;top:-65px}.auth-intro>*{position:relative;z-index:1}.auth-intro-badge{width:max-content;display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #cfddf1;border-radius:18px;background:rgba(255,255,255,.72);color:#4772b5;font-size:10px;font-weight:800}.auth-intro-badge svg{width:15px}.auth-intro h1{max-width:520px;margin:23px 0 13px;color:#0c2a59;font-size:36px;line-height:1.55}.auth-intro>p{max-width:520px;margin:0;color:#617593;font-size:13px;line-height:2}.auth-benefits{display:grid;gap:13px;margin-top:40px}.auth-benefits>div{display:flex;align-items:center;gap:13px}.auth-benefits>div>svg{width:42px;height:42px;padding:10px;border:1px solid #d7e3f3;border-radius:13px;background:#fff;color:#5b86cc}.auth-benefits span{display:flex;flex-direction:column;gap:4px}.auth-benefits b{font-size:12px;color:#24466f}.auth-benefits small{font-size:9px;color:#7b8ba4}.auth-panel{padding:38px 42px;align-self:center}.auth-panel-heading{display:flex;align-items:center;gap:13px;margin-bottom:25px}.auth-panel-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#edf4ff;color:#477bdd}.auth-panel-icon svg{width:23px}.auth-panel-heading h2{margin:0 0 4px;color:#14345f;font-size:20px}.auth-panel-heading p{margin:0;color:#8190a6;font-size:10px}.auth-tabs{height:48px;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;margin-bottom:24px;border-radius:14px;background:#f1f5fa}.auth-tabs button{border:0;border-radius:10px;background:transparent;color:#708099;font-weight:700}.auth-tabs button.active{background:#fff;color:#2868d2;box-shadow:0 5px 15px rgba(35,72,123,.09)}.auth-form-content form{display:grid!important;gap:15px!important}.auth-form-content form>div{margin:0!important}.auth-form-content label{display:block!important;margin:0 0 6px!important;color:#49617f!important;font-size:10px!important;font-weight:700!important}.auth-form-content input{width:100%!important;height:46px!important;padding:0 14px!important;border:1px solid #d9e2ee!important;border-radius:12px!important;background:#f9fbfd!important;color:#17365f!important;font:inherit!important;font-size:12px!important;outline:none!important;box-shadow:none!important}.auth-form-content input:focus{border-color:#78a0e1!important;background:#fff!important;box-shadow:0 0 0 3px rgba(67,118,204,.09)!important}.auth-form-content form button[type=submit],.auth-form-content form>div:last-child>button:first-child{min-height:46px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,#244b85,#071d49)!important;color:#fff!important;font-size:11px!important;font-weight:800!important;box-shadow:0 8px 20px rgba(16,48,94,.16)!important}.auth-form-content button[type=button]{border-radius:12px!important;font-size:10px!important}.auth-form-content .grid{gap:10px!important}.auth-form-content .text-red-600{color:#d6535d!important;font-size:9px!important}.auth-form-content svg{max-width:20px;max-height:20px}.auth-form-content input.auth-password-input{padding-left:50px!important}.auth-password-toggle{position:absolute;top:50%;left:7px;width:34px;height:34px;padding:0!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#71829b!important;display:grid!important;place-items:center;transform:translateY(-50%);box-shadow:none!important;transition:.18s}.auth-password-toggle:hover{border-color:#d8e3f1!important;background:#edf4fd!important;color:#2f69c5!important}.auth-password-toggle:focus-visible{outline:2px solid #7fa5e5;outline-offset:1px}.auth-password-toggle[aria-pressed=true]{background:#eaf2ff!important;color:#2767cd!important}.auth-password-toggle svg{width:17px!important;height:17px!important;pointer-events:none}@media(max-width:900px){.auth-layout{grid-template-columns:1fr}.auth-intro{display:none}.auth-panel{width:min(520px,100%);margin:auto}}@media(max-width:680px){.auth-page{padding:10px 0 22px}.auth-layout{min-height:0;border-radius:20px}.auth-panel{padding:24px 17px}.auth-panel-heading{margin-bottom:18px}.auth-form-content .grid-cols-2{grid-template-columns:1fr!important}}.auth-input-focus:focus{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1));--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:rgb(37 99 235/0.1);--tw-shadow:var(--tw-shadow-colored);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.auth-elevation-1{box-shadow:0 1px 2px 0 rgba(0,0,0,.3),0 1px 3px 1px rgba(0,0,0,.15)}.auth-elevation-2{box-shadow:0 1px 2px 0 rgba(0,0,0,.3),0 2px 6px 2px rgba(0,0,0,.15)}.auth-elevation-3{box-shadow:0 4px 8px 3px rgba(0,0,0,.15),0 1px 3px 0 rgba(0,0,0,.3)}.auth-state-layer{position:relative;overflow:hidden}.auth-state-layer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:currentColor;opacity:0;transition:opacity .2s ease;pointer-events:none}.auth-state-layer:hover:before{opacity:.08}.auth-state-layer:focus:before{opacity:.12}.auth-state-layer:active:before{opacity:.16}.auth-surface{background-color:#fefbff;color:#1d1b20}.auth-surface-variant{background-color:#f7f2fa;color:#49454f}.auth-outline{border-color:#79747e}.auth-outline-variant{border-color:#cac4d0}.auth-primary{background-color:#6750a4;color:#ffffff}.auth-primary:hover{background-color:#5a4494}.auth-on-primary{color:#ffffff}.auth-primary-container{background-color:#eaddff;color:#21005d}.auth-error{background-color:#ba1a1a;color:#ffffff}.auth-error-container{background-color:#ffdad6;color:#410002}.auth-on-error{color:#ffffff}.auth-on-error-container{color:#410002}@keyframes auth-ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.auth-ripple{position:relative;overflow:hidden}.auth-ripple:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgba(255,255,255,.5);opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.auth-ripple:focus:not(:active):after{animation:auth-ripple 1s ease-out}@keyframes auth-shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.auth-error-shake{animation:auth-shake .6s ease-in-out}@keyframes auth-pulse{0%,to{opacity:1}50%{opacity:.5}}.auth-loading{animation:auth-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (max-width:640px){.auth-container{padding:1rem}.auth-card{border-radius:1.5rem;margin:0}.auth-input{font-size:16px}}@media (prefers-reduced-motion:reduce){.auth-error-shake,.auth-loading,.auth-ripple:after{animation:none}*{transition-duration:.01ms!important}}@media (prefers-contrast:high){.auth-outline{border-width:2px}.auth-primary{border:2px solid transparent}.auth-primary:focus{border-color:#ffffff}}.auth-intro-badge{font-size:12px}.auth-benefits b{font-size:14px}.auth-benefits small{font-size:11px}.auth-panel-heading p{font-size:12px}.auth-tabs button{font-size:13px}.auth-form-content label{font-size:12px!important}.auth-form-content input{font-size:14px!important}.auth-form-content form button[type=submit],.auth-form-content form>div:last-child>button:first-child{font-size:13px!important}.auth-form-content button[type=button]{font-size:12px!important}.auth-form-content .text-red-600{font-size:11px!important}