.AuthPage{background:#fff;min-height:100vh;display:flex}.AuthPage__branding{background:#fafafa radial-gradient(#e5e5e5 1px,#0000 1px) -11px -11px/22px 22px;border-right:1px solid #e5e5e5;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px;display:flex;position:relative;overflow:hidden}.AuthPage__brandContent{z-index:1;text-align:center;color:#262626;position:relative}.AuthPage__illustration{background:#fff;border:1px solid #e5e5e5;border-radius:8px;justify-content:center;align-items:center;width:220px;height:220px;margin:0 auto 28px;padding:14px;animation:6s ease-in-out infinite authFloat;display:flex;box-shadow:0 12px 28px #0000000f}.AuthPage__illustration img{object-fit:contain;width:100%;height:100%}@keyframes authFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.AuthPage__illustration{animation:none}}.AuthPage__logo{background:#fff;border:1px solid #e5e5e5;border-radius:4px;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 30px;display:flex}.AuthPage__logo i{color:#171717;font-size:50px}.AuthPage__logoImage{justify-content:center;align-items:center;margin:0 auto 30px;display:flex}.AuthPage__logoImage--compact{margin-bottom:18px}.AuthPage__logoImage--compact img{max-width:130px}.AuthPage__logoImage img{filter:none;max-width:200px;height:auto}.AuthPage__logoImage--small{margin-bottom:20px}.AuthPage__logoImage--small img{max-width:160px}.AuthPage__brandTitle{color:#171717;margin-bottom:12px;font-size:2.2rem;font-weight:700}.AuthPage__brandSubtitle{color:#737373;max-width:300px;font-size:1rem;line-height:1.6}.AuthPage__features{flex-direction:column;gap:18px;margin-top:48px;display:flex}.AuthPage__feature{color:#262626;text-align:left;align-items:center;gap:14px;font-size:.95rem;font-weight:500;transition:transform .2s;display:flex}.AuthPage__feature:hover{transform:translate(3px)}.AuthPage__feature i{color:#171717;background:#fff;border:1px solid #e5e5e5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:border-color .2s,background-color .2s;display:flex}.AuthPage__feature:hover i{color:#fff;background:#171717;border-color:#171717}.AuthPage--centered{background:#fafafa;justify-content:center;align-items:center;padding:40px 20px}.AuthPage__centerCard{background:#fff;border:1px solid #e5e5e5;border-radius:2px;width:100%;max-width:450px;padding:50px 40px;animation:.5s ease-out fadeInUp;box-shadow:0 1px 3px #0000000f}.AuthPage__centerCard .AuthPage__title{color:#171717;text-align:center}.AuthPage__centerCard .AuthPage__subtitle{color:#737373;text-align:center;margin-bottom:30px}.AuthPage__centerCard .AuthPage__field label{color:#262626}.AuthPage__centerCard .AuthPage__field input:focus{box-shadow:none;border-color:#171717}.AuthPage__centerCard .AuthPage__footer{color:#737373}.AuthPage__centerCard .AuthPage__footer a{color:#171717}.AuthPage__centerCard .AuthPage__footer a:hover{color:#000}.AuthPage__successIcon{text-align:center;margin-bottom:20px;font-size:4rem}.AuthPage__text{color:#737373;text-align:center;margin-top:15px;font-size:.95rem;line-height:1.6}.AuthPage__formSide{background:#fff;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.AuthPage__card{width:100%;max-width:420px}.AuthPage__header{text-align:center;margin-bottom:35px}.AuthPage__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#a3a3a3;margin-bottom:10px;font-size:.6875rem;font-weight:700;display:inline-block}.AuthPage__title{color:#171717;margin-bottom:8px;font-size:2rem;font-weight:700}.AuthPage__titleAccent{background:#171717;border-radius:2px;width:40px;height:3px;margin:0 auto 16px}.AuthPage__subtitle{color:#737373;font-size:1rem}.AuthPage__form{flex-direction:column;gap:20px;display:flex}.AuthPage__fieldRow{grid-template-columns:1fr 1fr;gap:15px;display:grid}.AuthPage__field{flex-direction:column;gap:8px;display:flex}.AuthPage__field label{color:#262626;font-size:.875rem;font-weight:600}.AuthPage__inputWrapper{position:relative}.AuthPage__inputWrapper i{color:#a3a3a3;pointer-events:none;font-size:1rem;transition:color .2s;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.AuthPage__passwordToggle{color:#a3a3a3;cursor:pointer;z-index:10;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;padding:5px;font-size:1rem;transition:color .2s,background-color .2s;display:flex;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.AuthPage__passwordToggle:hover{color:#171717;background:#f5f5f5}.AuthPage__inputWrapper:focus-within .AuthPage__passwordToggle{color:#171717}.AuthPage__field input{background:#fff;border:1px solid #e5e5e5;border-radius:4px;width:100%;padding:14px 15px 14px 45px;font-size:1rem;transition:border-color .2s,background-color .2s,box-shadow .2s;color:#262626!important}.AuthPage__inputWrapper--password input{padding-right:50px}.AuthPage__field input::placeholder{color:#a3a3a3}.AuthPage__field input:focus{background:#fff;border-color:#171717;outline:none;box-shadow:0 2px 8px #0000000f}.AuthPage__field input:focus+i,.AuthPage__inputWrapper:focus-within i{color:#171717}.AuthPage__input--error{background:#fef2f2!important;border-color:#dc2626!important}.AuthPage__error{color:#dc2626;align-items:center;gap:5px;font-size:.75rem;display:flex}.AuthPage__error:before{content:"⚠"}.AuthPage__generalError{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:12px 15px;font-size:.875rem}.AuthPage__submit{color:#fff;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;background:#171717;border:1px solid #171717;border-radius:4px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:10px;padding:16px;font-size:1rem;font-weight:600;transition:background-color .2s,border-color .2s,transform .2s,box-shadow .2s;display:flex}.AuthPage__submit:hover:not(:disabled){background:#000;border-color:#000;transform:translateY(-1px);box-shadow:0 6px 16px #00000029}.AuthPage__submit:active:not(:disabled){transform:translateY(0)}.AuthPage__submit:disabled{opacity:.6;cursor:not-allowed}.AuthPage__submit i{font-size:1.1rem}.AuthPage__spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.AuthPage__divider{color:#a3a3a3;align-items:center;gap:15px;margin:25px 0;font-size:.875rem;display:flex}.AuthPage__divider:before,.AuthPage__divider:after{content:"";background:#e5e5e5;flex:1;height:1px}.AuthPage__footer{text-align:center;color:#737373;margin-top:25px;font-size:.95rem}.AuthPage__footer a{color:#171717;font-weight:600;text-decoration:none;transition:color .2s}.AuthPage__footer a:hover{color:#000;text-decoration:underline}.AuthPage__forgotLink{text-align:right;margin-top:-10px}.AuthPage__forgotLink a{color:#737373;font-size:.875rem;text-decoration:none;transition:color .2s}.AuthPage__forgotLink a:hover{color:#171717}.AuthPage__demo{text-align:center;background:#fafafa;border:1px solid #e5e5e5;border-radius:4px;margin-top:30px;padding:20px}.AuthPage__demo p{color:#262626;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;font-size:.875rem;font-weight:600;display:flex}.AuthPage__demo small{color:#737373;background:#fff;border:1px solid #e5e5e5;border-radius:4px;margin-top:5px;padding:5px 10px;font-family:monospace;font-size:.8rem;display:block}.AuthPage__remember{align-items:center;gap:10px;display:flex}.AuthPage__remember input[type=checkbox]{accent-color:#171717;cursor:pointer;width:18px;height:18px}.AuthPage__remember label{color:#737373;cursor:pointer;font-size:.875rem}.AuthPage__passwordStrength{gap:5px;margin-top:8px;display:flex}.AuthPage__strengthBar{background:#e5e5e5;border-radius:2px;flex:1;height:4px;overflow:hidden}.AuthPage__strengthBar--active{background:#a3a3a3}.AuthPage__strengthBar--medium{background:#737373}.AuthPage__strengthBar--strong{background:#16a34a}@media (max-width:1024px){.AuthPage{flex-direction:column}.AuthPage__branding{display:none}.AuthPage__formSide{min-height:auto}}@media (max-width:480px){.AuthPage__formSide{padding:30px 20px}.AuthPage__centerCard{padding:32px 20px}.AuthPage__fieldRow{grid-template-columns:1fr}.AuthPage__title{font-size:1.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.AuthPage__card{animation:.5s ease-out fadeInUp}
