/* Reset básico */
        @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

        * {margin: 0;padding: 0;box-sizing: border-box;font-family: "Poppins", sans-serif;;}

        body {height: 100vh;display: flex;justify-content: center;align-items: center;background: linear-gradient(135deg, #4A90E2, #9013FE);}

        .login-container {background: #fff;padding: 40px;border-radius: 12px;box-shadow: 0 8px 20px rgba(248, 248, 248, 0.2);width: 380px;}

        .login-container h2 {margin-bottom: 20px;color: #333;}

        .login-container input {width: 100%;padding: 12px;margin: 5px 0;border: 1px solid #ccc;border-radius: 8px;outline: none;transition: border-color 0.3s;}

        .login-container input:focus {border-color: #4A90E2;}

        .login-container button {width: 100%;padding: 12px;margin-top: 15px;background: #4A90E2;color: #fff;border: none;border-radius: 8px;cursor: pointer;font-size: 16px;transition: background 0.3s;}

        .login-container button:hover {background: #357ABD;cursor: pointer;}

        .login-container p {margin-top: 15px;margin-bottom: 15px;font-size: 14px;color: #666;}

        .login-container a {color: #4A90E2;text-decoration: none;}

        .login-container a:hover {text-decoration: underline;}