body {
            background: linear-gradient(135deg, #1abc9c, #2c3e50);
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            font-family: 'Segoe UI', sans-serif;
        }

        .login-box {
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(10px);
            border-radius: 15px;
            padding: 30px;
            width: 100%;
            max-width: 400px;
            color: #fff;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
        }

        .form-control {
            background: rgba(255, 255, 255, 0.1);
            color: #fff;
            border: none;
        }

        .form-control::placeholder {
            color: #ccc;
        }

        .form-control:focus {
            background: rgba(255, 255, 255, 0.2);
            color: #fff;
            box-shadow: none;
        }

        .toggle-password {
            cursor: pointer;
        }

        #error-msg {
            display: none;
        }

        .svg-icon {
            width: 20px;
            height: 20px;
            fill: #fff;
            margin-right: 10px;
        }

        .input-group-text {
            background: transparent;
            border: none;
            cursor: pointer;
        }