.login-bg{width:100vw;height:100vh;overflow:hidden;position:relative;background:linear-gradient(160deg,#002d24,#054434,#0f7a5d);background-size:250% 250%;animation:gradientShift 12s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.orb{position:absolute;border-radius:50%;filter:blur(45px);opacity:.18;animation:floatUp 18s linear infinite}.orb1{width:220px;height:220px;bottom:-120px;left:15%;background:hsla(0,0%,100%,.55);animation-duration:22s}.orb2{width:260px;height:260px;bottom:-150px;left:55%;background:hsla(0,0%,100%,.45);animation-duration:26s}.orb3{width:180px;height:180px;bottom:-100px;left:75%;background:hsla(0,0%,100%,.35);animation-duration:30s}@keyframes floatUp{0%{transform:translateY(0) scale(1)}to{transform:translateY(-900px) scale(1.2)}}.login-card-container{height:100%;display:flex;justify-content:center;align-items:center;position:relative;z-index:5}.login-card-white{width:420px;background:#fff;padding:35px 40px;border-radius:16px;box-shadow:0 12px 45px rgba(0,0,0,.28);text-align:center;animation:fadeIn .6s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.login-heading{font-size:26px;font-weight:700;color:#145c4a;margin-bottom:20px}.login-form{display:flex;flex-direction:column;gap:12px}.login-form label{text-align:left;font-weight:600;color:#0f4f3f}.login-form input{width:100%;padding:10px 12px;border-radius:8px;border:1.5px solid #9ed3bd;background:#fff;outline:none;transition:.2s}.login-form input:focus{border-color:#178c6d}.password-field{position:relative}.password-field span{position:absolute;right:12px;top:11px;cursor:pointer}.login-btn-new{margin-top:20px;padding:12px;width:100%;background:#178c6d;color:#fff;border:none;border-radius:9px;font-weight:600;font-size:16px;cursor:pointer;transition:.2s}.login-btn-new:hover{background:#0f6e55}.error-msg{color:#d70000;font-size:13px}.footer-text{margin-top:25px;font-size:13px;color:#0f4f3f}