.auth-container{background:linear-gradient(135deg,#667eea08 0%,#764ba208 100%);flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;min-height:100vh;padding:10px;display:flex}.form-container{border-radius:16px;justify-content:center;align-items:center;width:98%;max-width:460px;padding:40px 20px;display:flex;box-shadow:0 4px 20px #00000014;background-color:var(--color-white)!important}.auth-container span{color:#2c3e50;font-weight:500}.auth-container span a,.pwd-forgot-password a{padding:1px 3px;font-weight:600;transition:color .3s;position:relative;color:#667eea!important}.auth-container span a:before,.pwd-forgot-password a:before{content:"";border-bottom:2px solid #667eea;width:0%;height:100%;transition:width .3s;position:absolute;top:0;left:0}.auth-container span a:hover,.pwd-forgot-password a:hover{color:#764ba2!important}.auth-container span a:hover:before,.pwd-forgot-password a:hover:before{border-bottom-color:#764ba2;width:100%}.auth-container form{flex-direction:column;align-items:center;gap:24px;width:100%;font-weight:500;display:flex}.input-wrapper{flex-direction:column;gap:8px;width:100%;display:flex;position:relative}.input-wrapper label{color:#2c3e50;padding-left:4px;font-size:14px;font-weight:600}.input-wrapper small{color:var(--color-error);font-size:11px;font-weight:500;position:absolute;top:100%;right:0}.input-wrapper input{color:#2c3e50;background-color:#0000;border:2px solid #e9ecef;border-radius:10px;outline:none;height:48px;padding-left:16px;padding-right:16px;font-size:14px;transition:all .3s}.input-wrapper input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.auth-container form button{width:100%;max-width:300px;height:50px;color:var(--color-white);cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;margin-top:8px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #667eea4d}.auth-container form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.auth-container form button:active:not(:disabled){transform:translateY(0)}.auth-container form button:disabled{opacity:.7;cursor:not-allowed}.pwd-forgot-password{justify-content:flex-end;align-items:center;width:100%;font-size:14px;display:flex}.view-password{color:#6c757d;font-size:20px;transition:color .3s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.view-password i{cursor:pointer;transition:all .2s}.view-password i:hover{color:#667eea;transform:scale(1.1)}.signup-view-pwd{top:70%;right:16px;transform:translateY(-50%)}@media screen and (max-width:480px){.form-container{padding:30px 15px}.auth-container form button{height:46px;font-size:15px}.input-wrapper input{height:44px}}