.login-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#6a11cb,#2575fc);height:100vh;display:flex;justify-content:center;align-items:center;padding:15px}.login-card{background:#fff;padding:40px;border-radius:15px;width:380px;max-width:100%;box-shadow:0 10px 25px #00000026;text-align:center;animation:fadeIn .6s ease-in-out}.login-title{margin-bottom:10px;font-size:22px;font-weight:700;color:#333}.login-subtitle{margin-bottom:20px;font-size:14px;color:#666}.input-field{width:100%;padding:12px;margin:10px 0;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;transition:.3s;box-sizing:border-box}.input-field:focus{border-color:#2575fc;box-shadow:0 0 5px #2575fc80}.password-wrapper{position:relative;width:100%;margin:10px 0}.password-input{padding-right:45px}.toggle-btn{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px;color:#666;padding:0;line-height:1}.toggle-btn:hover{color:#2575fc}.login-button{width:100%;padding:12px;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;margin-top:10px;transition:.3s}.login-button:hover{opacity:.9}.forgot{margin-top:15px;font-size:14px}.forgot a{text-decoration:none;color:#2575fc}.forgot a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.login-card{padding:25px 20px;width:100%;border-radius:10px}.login-title{font-size:20px}.login-subtitle{font-size:13px}.input-field{font-size:13px;padding:10px}.login-button{font-size:15px;padding:10px}}