.auth-form{flex-direction:column;gap:15px;display:flex}.form-group{text-align:left;flex-direction:column;display:flex}.form-group label{color:#5099ce;margin-bottom:6px;font-size:.95rem;font-weight:600}.form-group input{box-sizing:border-box;background-color:#f9f9f9;border:2px solid #97d4ff;border-radius:10px;width:100%;padding:12px;font-size:1rem;transition:all .3s}.form-group input:focus{background-color:#fff;border-color:#5099ce;outline:none;box-shadow:0 0 8px #5099ce4d}.form-group input::placeholder{color:#aaa;font-style:italic}.auth-button{color:#fff;cursor:pointer;background:#5099ce;border:none;border-radius:12px;width:100%;margin-top:8px;padding:12px;font-size:1rem;font-weight:600;transition:background .3s}.auth-button:hover:not(:disabled){background:#407ea8}.auth-button:disabled{cursor:not-allowed;background:#a3c8e0}.auth-button.cancel{background:#e74c3c!important}.auth-button.cancel:hover{background:#c0392b!important}.password-wrapper{position:relative}.password-wrapper input{padding-right:40px}.toggle-password{cursor:pointer;background:0 0;border:none;padding:0;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.toggle-password svg{color:#97d4ff;width:20px;height:20px;transition:color .2s}.toggle-password:hover svg{color:#5099ce}.error-message{color:#e74c3c;margin-top:5px;font-size:.85rem}.form-group.has-error input{background-color:#fff5f5;border-color:#e74c3c}.checkbox-group{text-align:left;margin:15px 0}.checkbox-label{color:#8b4513;align-items:flex-start;gap:8px;font-size:.9rem;display:flex}.checkbox-label input[type=checkbox]{margin-top:3px}.privacy-link{color:#5099ce;text-decoration:underline}.privacy-link:hover{color:#407ea8}@media (max-width:768px){.form-group input,.auth-button{padding:10px;font-size:.9rem}.form-group label{font-size:.9rem}}
