*{margin:0;padding:0;box-sizing:border-box}body{display:flex;flex-direction:column;min-height:100vh;background:#fff;margin-top:10px}#mainContainer{background:linear-gradient(90deg,rgba(0,131,204,.2),rgba(116,38,239,.5));padding:40px;margin:100px auto 50px;border-radius:12px;width:90%;max-width:600px;box-shadow:0 4px 8px rgba(0,0,0,.1)}#mainContainer section h2{font-size:24px;font-weight:700;text-align:center;margin-bottom:10px}#mainContainer section p{font-size:16px;color:#555;text-align:center;margin-bottom:20px}.form-group{margin-bottom:20px;position:relative}.form-group label{display:block;font-weight:600;margin-bottom:8px}.form-group input{width:100%;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:8px;outline:0}.form-group .eye-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);cursor:pointer;z-index:10}.eye-icon img{width:20px;height:20px;fill:#333}.error{color:#ff1800;font-size:12px;position:relative;top:-14px}.alert-danger{color:#de4230;font-size:15px;margin-top:3px;margin-left:5px}.custom-alert{background:linear-gradient(90deg,#7426ef,#0083cc);color:#fff;margin:0 auto;border:none;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:6px;display:flex;align-items:center;animation:slideIn .5s ease-out;position:fixed;top:76px;left:0;right:0;z-index:9999;width:344px;justify-content:center}.custom-alert .alert-message{flex-grow:1;margin-left:10px;margin-top:1px;font-size:14px}.custom-alert .btn-close{color:#fff;opacity:.8;background:0 0;border:none}.custom-alert.slide-out{animation:slideOut 1s ease-out forwards}.alert-content{display:flex;justify-content:center;align-items:center}@keyframes slideIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.or{display:block;text-align:center;margin:15px 0;font-weight:600;color:#666}.register_here{text-decoration:underline}#mainContainer span{text-align:center;margin:15px 0}.register-link{display:flex;justify-content:center;align-items:baseline;color:#7426ef;font-weight:600;cursor:default;gap:5px;user-select:none}#mainContainer a{text-decoration:none;color:#7426ef;font-weight:600;display:block;text-align:center;margin-top:25px}#mainContainer .forgot-password{margin:15px 0;width:172px;display:block;margin-left:auto;text-decoration:underline}#mainContainer #googleLogin{display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid #ccc;border-radius:8px;padding:10px;color:#555;font-weight:700;text-decoration:none;font-size:14px;transition:box-shadow .3s ease-in-out}#googleLogin img{width:20px;margin-right:10px}#googleLogin:hover{box-shadow:0 4px 8px rgba(0,0,0,.2)}.alert-successEmail{background-color:#d4edda;color:#155724;padding:15px;margin-bottom:20px;border-radius:4px;border:1px solid #c3e6cb;font-size:16px;text-align:center;font-weight:700;box-shadow:0 4px 8px rgba(0,0,0,.1)}.alert-successEmail a{color:#155724;text-decoration:none;font-weight:400}.alert-successEmail a:hover{text-decoration:underline}.submit-btn:focus{outline:0}.submit-btn{width:100%;padding:10px;background-color:#7426ef;color:#fff;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s;position:relative}.submit-btn:disabled{background-color:#7426ef;color:transparent;cursor:not-allowed}.submit-btn:hover{background-color:#5d1fc9}.spinner{display:none;border:2px solid #fff;border-top:2px solid transparent;border-radius:50%;width:14px;height:14px;animation:spin 1s linear infinite;position:absolute;inset:0;margin:auto}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.remembermedontdisplay{display:none}@media (max-width:768px){#mainContainer{padding:30px;margin:70px auto 10px auto}#logoConatiner{left:10px}#logoConatiner img{width:150px}}@media (max-width:480px){#mainContainer{width:95%;padding:20px}#mainContainer section h2{font-size:20px}#mainContainer section p{font-size:14px}}