@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";*{box-sizing:border-box}body{margin:0;font-family:Poppins,sans-serif;background-color:#f4f6f9;color:#2d3748}.simple-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-box{width:100%;max-width:380px;background-color:#fff;padding:32px 28px;border-radius:14px;box-shadow:0 10px 30px #0000000f;transition:transform .2s ease}.login-box:hover{transform:translateY(-2px)}.login-logo{text-align:center;margin-bottom:18px}.logo-img{width:65px;height:auto}.login-title{text-align:center;font-size:1.35rem;font-weight:600;margin-bottom:28px;color:#1a202c}.input-field{margin-bottom:20px;position:relative}.input-field input{width:100%;padding:12px 40px 12px 14px;border-radius:8px;border:1px solid #e2e8f0;background-color:#f8fafc;font-size:.95rem;transition:all .2s ease}.input-field input:focus{outline:none;border-color:#4c6ef5;background-color:#fff;box-shadow:0 0 0 3px #4c6ef51f}.input-field label{display:block;margin-bottom:6px;font-size:.85rem;font-weight:500;color:#4a5568}.password-field{position:relative}.toggle-password{position:absolute;right:12px;top:38px;cursor:pointer;color:#94a3b8;font-size:.95rem;transition:color .2s ease}.toggle-password:hover{color:#4c6ef5}.error{margin-top:6px;font-size:.8rem;color:#e53e3e}.login-btn{width:100%;margin-top:10px;padding:12px;border-radius:8px;border:none;background-color:#4c6ef5;color:#fff;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.login-btn:hover{background-color:#3b5bdb}.login-btn:active{transform:scale(.98)}@media (max-width: 480px){.login-box{padding:24px 20px;border-radius:10px}}