body{background:#fff;font-family:Montserrat,sans-serif;color:#333}.login-wrapper{display:flex;justify-content:center;align-items:center;height:100vh}.login-box{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 0 25px #00bcd4;width:400px;height:700px;text-align:center;position:relative;animation:fadeIn .8s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-box h1{margin-bottom:1.5rem;color:#000;font-size:1.2rem}.login-box input{width:200%;padding:.8rem;margin-bottom:1rem;border:none;border-radius:6px;background:#e9e5e5;color:#333}.login-box button{width:100%;padding:.8rem;background:#00acc1;border:none;border-radius:6px;color:#fff;font-weight:700;cursor:pointer;margin-top:.5rem}.login-box .options{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;margin-top:.5rem}.login-box .options a{color:#0fc;text-decoration:none}.login-box .footer-note{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:.85rem;color:#999;text-align:center;width:100%}.login-logo{width:180px;margin-bottom:1rem}.remember-label{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;font-size:.9rem;color:#333}.remember-label span{position:relative;top:2px}.input-icon{position:relative}.input-icon input{width:150%;padding:.8rem 2.5rem .8rem .8rem;border:none;border-radius:6px;background:#e9e5e5;color:#333}.icon-right{position:absolute;right:-100px;top:40%;transform:translateY(-50%);color:#666;font-size:1rem}.footer-adornment{position:absolute;bottom:50px;left:50%;transform:translate(-50%);text-align:center;width:100%}.footer-line{border:none;height:1px;background:#ccc;margin-bottom:8px;width:60%;margin-left:auto;margin-right:auto}.footer-icon{color:#00acc1;font-size:1.2rem}.span-text{margin-top:-18px}.error{color:#e74c3c;font-size:.85rem;margin-bottom:.5rem}.fade-out{animation:fadeOut 3s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1}80%{opacity:.3}to{opacity:0;display:none}}